<template>
	<page-meta :page-style="'overflow:'+(isFansPop||popupGImg?'hidden':'visible')"></page-meta>
	<view class="groupactiveinfo">
		<block v-if="showGroupactiveinfo">
			<view class="groupactiveinfo_head_img_box" v-if="info.pic">
				<image class="groupactiveinfo_head_img" :src="picUrl+info.pic" mode="widthFix">
				</image>
			</view>
			<view class="groupactiveinfo_title" style="padding: 30rpx;">{{info.title}}</view>
			<view class="f-12 c-999999 ml-15" v-if="info.create_time">{{info.create_time.substr(0,10)}} |
				{{info.view}}浏览
			</view>
			<view class="bbs_user_info_box">
				<view class="bbs_user_info">
					<view class="bbs_user_avatar_box" v-if="info.club_logo">
						<image class="avater_img" :src="picUrl+info.club_logo" mode="aspectFill"></image>
						<image v-if="info.club_border" class="avater_border_img" :src="picUrl+info.club_border"
							mode="aspectFill"></image>
					</view>
					<view class="ml-10 flex-1">
						<view class="f-15 f-w">{{info.club_title}}</view>
					</view>
					<image v-if="userinfo.club_id!=club_id&&club_id!=1" @click="joinGroup" class="join_btn"
						:src="onlinePic+'join_btn.png'"></image>
				</view>
			</view>
			<view class="pd-30">
				<video v-if="info.video_url" class="video_box" :src="info.video_url"></video>
				<view class="groupactiveinfo_content_cell" v-for="(item,index) in info.content" :key="index">
					<image v-for="itemi in item.images" :key="itemi" class="groupactiveinfo_content_img"
						:src="picUrl+itemi" mode="widthFix">
					</image>
					<view class="groupactiveinfo_content_text">
						<text>{{item.text}}</text>
					</view>
				</view>
			</view>
			<!-- 202411 -->
			<view v-if="club_id==1&&huodong_id==160" class="fansmeeting_form_box">
				<view class="fansmeeting_form_topbk_box">
					<image class="fansmeeting_form_topbk" :src="onlinePic+'fansmeeting/zh/form_bg_zh.png'"
						mode="widthFix">
					</image>
				</view>
				<view v-if="info.sign_end_status==1" class="audit_box"
					:style="'padding-bottom:'+pdbottom+ 'rpx;margin-top:30%;'">
					<view class="f-18 f-w">{{info.sign_end_title}}</view>
					<view class="f-12 mt-10">
						<text>{{info.sign_end_desc}}</text>
					</view>
				</view>
				<view style="margin-top: 30%;" v-else>
					<view v-if="zhinfo.status==0||zhinfo.status==1||zhinfo.status==2" class="audit_box"
						:style="'padding-bottom:'+pdbottom+ 'rpx;'">
						<view class="fansmeeting_audit_box">
							<view class="fansmeeting_audit">
								<view class="display_flex" style="justify-content: center;padding-bottom: 40rpx;">
									<view class="fansmeeting_audit_img_box">
										<image v-if="zhinfo.status==0" class="fansmeeting_audit_img"
											:src="onlinePic+'fansmeeting/audit_ing.png'">
										</image>
										<image v-if="zhinfo.status==1" class="fansmeeting_audit_img"
											:src="onlinePic+'fansmeeting/audit_ok.png'">
										</image>
										<image v-if="zhinfo.status==2" class="fansmeeting_audit_img"
											:src="onlinePic+'fansmeeting/audit_no.png'">
										</image>
									</view>
									<view class="f-15 ml-10 mt-5">
										<view class="f-15 ml-10 mt-5">
											<text>{{zhinfo.status_text}}</text>
										</view>
									</view>
								</view>
								<view v-if="zhinfo.refuse_reason"
									:class="zhinfo.status==2?'fansmeeting_audit_text_no':'fansmeeting_audit_text'">
									<text>{{zhinfo.refuse_reason}}</text>
								</view>
							</view>
							<view v-if="zhinfo.update_status!=2" class="group_public_btn_block mt-15"
								@click="editActiveForm">
								修改信息</view>
							<view class="audit_ticket_box">
								<view class="audit_ticket_cell">
									<view class="fansmeeting_audit_cell">
										<view class="flex-1">姓名</view>
										<view class="c-666666">{{zhinfo.name}}</view>
									</view>
									<view class="fansmeeting_audit_cell">
										<view class="flex-1">手机号</view>
										<view class="c-666666">{{zhinfo.mobile}}</view>
									</view>
									<view class="fansmeeting_audit_cell" v-if="zhinfo.is_have_car==1">
										<view class="flex-1">车型</view>
										<view class="c-666666">{{zhinfo.car_series}}</view>
									</view>
									<view class="fansmeeting_audit_cell" v-if="zhinfo.is_have_car==1">
										<view class="flex-1">车牌号</view>
										<view class="c-666666">{{zhinfo.car_number}}</view>
									</view>
									<view class="fansmeeting_audit_cell" v-if="zhinfo.id_card">
										<view class="flex-1">证件号码</view>
										<view class="c-666666">{{zhinfo.id_card}}</view>
									</view>
									<view class="fansmeeting_audit_cell">
										<view class="flex-1">随行人数</view>
										<view class="c-666666">{{zhinfo.man_num}}人</view>
									</view>
									<view class="pd-30" v-if="zhinfo.is_have_car==1">
										<view class="flex-1">爱车照片</view>
										<view class="mt-10">
											<image class="audit_ticket_img" :src="picUrl+zhinfo.pic" mode="widthFix">
											</image>
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
					<view v-else>
						<view style="padding-bottom:30rpx;">
							<view>
								<view class="groupmanage_input_box">
									<view class="display_flex">
										<view class="mr-5" style="min-width: 100rpx;">姓名</view>
										<input class="flex-1" v-model="zhinfo.name" maxlength="8" placeholder="您的姓名" />
									</view>
								</view>
								<view class="groupmanage_input_box">
									<view class="display_flex">
										<view class="mr-5" style="min-width: 100rpx;">手机号</view>
										<input class="flex-1" v-model="zhinfo.mobile" maxlength="18"
											placeholder="您的手机号" />
									</view>
								</view>
								<view class="groupmanage_input_box">
									<view class="display_flex">
										<view class="mr-5" style="min-width: 100rpx;">您是否有车</view>
										<view class="display_flex flex-1">
											<view class="display_flex" @click="changeHasCar(1)">
												<uni-icons v-if="zhinfo.is_have_car==1" type="circle-filled" size="20"
													color="#191919"></uni-icons>
												<uni-icons v-else type="circle" color="#191919" size="20"></uni-icons>
												<span>是</span>
											</view>
											<view class="display_flex ml-25" @click="changeHasCar(0)">
												<uni-icons v-if="zhinfo.is_have_car==0" type="circle-filled" size="20"
													color="#191919"></uni-icons>
												<uni-icons v-else type="circle" color="#191919" size="20"></uni-icons>
												<span>否</span>
											</view>
										</view>
									</view>
								</view>
								<view v-if="zhinfo.is_have_car==1">
									<view class="car_num_type_box">
										<view v-for="item in tabslist" :key="item.id"
											:class="zhinfo.car_number_type==item.id?'num_type_cell num_type_cell_on':'num_type_cell'"
											@click="changeCarNumType(item.id)">
											{{item.name}}
										</view>
									</view>
									<view class="groupmanage_input_box">
										<view class="display_flex">
											<view class="mr-5" style="min-width: 100rpx;">车牌号</view>
											<input class="flex-1" v-model="zhinfo.car_number" maxlength="8"
												placeholder="您的车牌号" />
										</view>
									</view>
									<view class="groupmanage_input_box">
										<view class="mr-5">行驶证</view>
										<image v-if="zhinfo.driving_license_pic" class="cars_img"
											style="height: 325rpx;" :src="picUrl+zhinfo.driving_license_pic"
											mode="aspectFill" @click="uploadFansDrivingImg(index)">
										</image>
										<view v-else class="cars_bkimg_box" @click="uploadFansDrivingImg(index)">
											<image class="cars_bkimg" :src="onlinePic+'travel.png'" mode="widthFix">
											</image>
											<view class="cars_bkimg_text_box">
												<image class="cars_camera_img" :src="onlinePic+'cars_camera.png'">
												</image>
												<view class="mt-5 f-11 text-c">请上传行驶证照片</view>
												<view class="mt-5 f-11 text-c" style="color: #C92359;">
													请上传清晰的行驶证照片,否则无法通过活动审核!
												</view>
											</view>
										</view>
									</view>
									<view class="groupmanage_input_box">
										<view class="mr-5">您的车辆信息</view>
										<view class="groupmanage_input_box">
											<view class="display_flex">
												<view class="mr-5" style="min-width: 100rpx;">您是否为斯巴鲁车主</view>
												<view class="display_flex flex-1">
													<view class="display_flex" @click="changeSubaruMan(1)">
														<uni-icons v-if="zhinfo.is_subaru==1" type="circle-filled"
															size="20" color="#191919"></uni-icons>
														<uni-icons v-else type="circle" color="#191919"
															size="20"></uni-icons>
														<span>是</span>
													</view>
													<view class="display_flex ml-25" @click="changeSubaruMan(0)">
														<uni-icons v-if="zhinfo.is_subaru==0" type="circle-filled"
															size="20" color="#191919"></uni-icons>
														<uni-icons v-else type="circle" color="#191919"
															size="20"></uni-icons>
														<span>否</span>
													</view>
												</view>
											</view>
										</view>
										<view class="groupmanage_input_box" v-if="zhinfo.is_subaru==1">
											<view class="display_flex">
												<view class="mr-5" style="min-width: 100rpx;">爱车车型</view>
												<uni-data-select class="flex-1" v-model="zhinfo.car_series"
													:localdata="seriesList" :clear="false"
													placeholder="您的爱车车型"></uni-data-select>
											</view>
										</view>
										<view class="f-11 ml-15 mt-5 c-999999">{{auditinfo.car_model_tips}}</view>
										<view class="groupmanage_input_box" v-if="zhinfo.car_series=='其他'">
											<view class="display_flex">
												<view class="mr-5" style="min-width: 100rpx;">爱车车型</view>
												<input class="flex-1" v-model="zhinfo.car_series_other" maxlength="12"
													placeholder="您的爱车车型" />
											</view>
										</view>
										<view class="groupmanage_input_box" v-if="zhinfo.is_subaru==0">
											<view class="display_flex">
												<view class="mr-5" style="min-width: 100rpx;">爱车品牌</view>
												<input class="flex-1" v-model="zhinfo.car_brand" placeholder="您的爱车品牌" />
											</view>
										</view>
									</view>
									<view class="groupmanage_input_box">
										<view class="mr-5">爱车照片</view>
										<image v-if="zhinfo.pic" class="cars_img" style="height: 325rpx;"
											:src="picUrl+zhinfo.pic" mode="aspectFill" @click="uploadZHCarImg(index)">
										</image>
										<view v-else class="cars_bkimg_box" @click="uploadZHCarImg(index)">
											<image class="cars_bkimg" :src="onlinePic+'cars_bk.png'" mode="widthFix">
											</image>
											<view class="cars_bkimg_text_box">
												<image class="cars_camera_img" :src="onlinePic+'cars_camera.png'">
												</image>
												<view class="mt-5 f-11 text-c">请上传一张您的爱车照片</view>
												<view class="mt-5 f-11 text-c" style="color: #C92359;">
													请上传车牌清晰可见的照片,否则无法通过活动审核!
												</view>
											</view>
										</view>
									</view>
									<view v-if="zhinfo.is_subaru==1" class="groupmanage_input_box">
										<view class="mr-5">选择活动环节(多选)</view>
										<view class="mt-10">
											<uni-row :gutter="20">
												<uni-col v-for="(item,index) in zhinfo.festival_project_popup_arr"
													:key="item.id" :span="12">
													<view
														:class="item.isSelect==1?'project_type_cell_on':'project_type_cell'"
														@click="changeMoreProjects(item.id,index,item.isChange)">
														<view class="text-c">
															<view>{{item.name}}</view>
															<view>￥{{item.price}}</view>
															<view v-if="item.tips" class="c-red f-11">{{item.tips}}
															</view>
														</view>
														<image v-if="item.is_paid==1" class="projects_pay_icon"
															:src="picUrl+zhinfo.projects_pay_icon">
														</image>
														<image v-if="item.is_paid==0" class="projects_pay_icon"
															:src="onlinePic+'fansmeeting/projects_free_icon.png'">
														</image>
														<image v-if="item.isSelect==1" class="projects_on_icon"
															:src="onlinePic+'fansmeeting/projects_on.png'"></image>

													</view>
													<view v-if="item.id==3" class="project_type_content"
														style="min-height: 50px;display: flex;justify-content: center;">
														<view class="f-13 c-black mr-5" style="margin-top: 5rpx;">人数:
														</view>
														<uni-section type="line" padding>
															<uni-number-box :min="1" :max="4"
																v-model="zhinfo.project_man_num"
																:disabled="item.isSelect!=1"
																@change="changeProjectManNum" />
														</uni-section>
													</view>
													<view v-else class="project_type_content" style="min-height: 50px;">
														{{item.content}}
													</view>
												</uni-col>
											</uni-row>
										</view>
									</view>
									<view v-if="zhinfo.is_subaru==1&&zhinfo.project_man_card.length>0"
										class="groupmanage_input_box">
										<view class="mr-5">巡游随行<span class="c-red f-w">乘客</span>购买保险所需信息(与证件信息一致)</view>
										<view v-for="(item,index) in zhinfo.project_man_card" :key="index"
											class="groupmanage_input_box_new">
											<view class="display_flex" style="padding: 10rpx;">
												<view class="mr-5" style="min-width: 100rpx;">姓名</view>
												<input class="flex-1" v-model="zhinfo.project_man_card[index].name"
													maxlength="8" placeholder="输入姓名" />
											</view>
											<view class="display_flex mt-10" style="padding: 10rpx;">
												<view class="mr-5" style="min-width: 100rpx;">证件号码</view>
												<input class="flex-1" v-model="zhinfo.project_man_card[index].id_card"
													maxlength="18" placeholder="输入证件号码" />
											</view>
										</view>
									</view>
									<view v-if="listWithCountsM.length>1" class="groupmanage_input_box">
										<view class="mr-5"><span class="c-red f-w">驾驶员</span>购买保险所需信息(与证件信息一致)</view>
										<view class="groupmanage_input_box_new">
											<view class="display_flex" style="padding: 10rpx;">
												<view class="mr-5" style="min-width: 100rpx;">您的姓名</view>
												<input class="flex-1" v-model="zhinfo.name" maxlength="8"
													placeholder="您的姓名" />
											</view>
											<view class="display_flex mt-10" style="padding: 10rpx;">
												<view class="mr-5" style="min-width: 100rpx;">证件号码</view>
												<input class="flex-1" v-model="zhinfo.id_card" maxlength="18"
													placeholder="您的证件号码" />
											</view>
										</view>
									</view>
								</view>
								<view class="groupmanage_man_num_input_box">
									<view class="display_flex" style="justify-content: space-between;">
										<view class="mr-5" style="min-width: 100rpx;">随行人数</view>
										<uni-section type="line" padding>
											<uni-number-box :min="0" :max="6" v-model="zhinfo.man_num" />
										</uni-section>
									</view>
								</view>
							</view>
						</view>
						<view class="fansmeeting_form_bottom_box" :style="'padding-bottom:'+ bottomSafeArea +'px;'">
							<view class="f-3 f-w ml-15 mr-15 mb-15"
								v-if="listWithCounts.length>0||listWithCountsM.length>0">
								活动环节预选</view>
							<view class="bottom_ticket_cell" v-if="listWithCounts.length>0||listWithCountsM.length>0">
								<view v-for="item in listWithCounts" :key="item.name" class="display_flex f-12 mt-5">
									<view class="flex-1">{{item.name}}</view>
									<view>x{{item.num}}</view>
								</view>
								<view v-for="item in listWithCountsM" :key="item.name" class="display_flex f-12 mt-5">
									<view class="flex-1">{{item.name}}</view>
									<view>x{{item.num}}</view>
								</view>
							</view>
							<view class="ticket_price_text" v-if="listWithCounts.length>0||listWithCountsM.length>0">
								购票总计：{{ticket_price}}元
							</view>
							<view class="agremment_box" style="margin-bottom: 20rpx;margin-top: 20rpx;"
								v-if="xytitle||newxytitle||mztitle">
								<image @click="changeCheckbox" v-if="isAgree" class="login_checkbox"
									:src="onlinePic+'checkbox_on.png'"></image>
								<image @click="changeCheckbox" v-else class="login_checkbox"
									:src="onlinePic+'checkbox.png'">
								</image>
								<span @click="changeCheckbox" class="agremment_text">我已阅读并同意</span>
								<span v-if="xytitle" @click="goAgreement(23)" class="agremment_text"
									style="color: #33a1ff;">《{{xytitle}}》</span>
								<span v-if="newxytitle" @click="goAgreement(24)" class="agremment_text"
									style="color: #33a1ff;">《{{newxytitle}}》</span>
								<span v-if="mztitle" @click="goAgreement(6)" class="agremment_text"
									style="color: #33a1ff;">《{{mztitle}}》</span>
							</view>
							<view class="fansmeeting_form_submit_btn" @click="submitZHActiveForm()">提交信息</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 202407 -->
			<view v-else-if="club_id==1&&huodong_id==92" class="fansmeeting_form_box">
				<view class="fansmeeting_form_topbk_box">
					<image class="fansmeeting_form_topbk" :src="onlinePic+'fansmeeting/form_bg_new.png'"
						mode="widthFix">
					</image>
				</view>
				<view v-if="info.sign_end_status==1" class="audit_box"
					:style="'padding-bottom:'+pdbottom+ 'rpx;margin-top:30%;'">
					<view class="f-18 f-w">{{info.sign_end_title}}</view>
					<view class="f-12 mt-10">
						<text>{{info.sign_end_desc}}</text>
					</view>
				</view>
				<view style="margin-top: 30%;" v-else>
					<view v-if="auditinfo.status==0||auditinfo.status==1||auditinfo.status==2" class="audit_box"
						:style="'padding-bottom:'+pdbottom+ 'rpx;'">
						<view class="fansmeeting_audit_box">
							<view class="fansmeeting_audit">
								<view class="display_flex" style="justify-content: center;padding-bottom: 40rpx;">
									<view class="fansmeeting_audit_img_box">
										<image v-if="auditinfo.status==0" class="fansmeeting_audit_img"
											:src="onlinePic+'fansmeeting/audit_ing.png'">
										</image>
										<image v-if="auditinfo.status==1" class="fansmeeting_audit_img"
											:src="onlinePic+'fansmeeting/audit_ok.png'">
										</image>
										<image v-if="auditinfo.status==2" class="fansmeeting_audit_img"
											:src="onlinePic+'fansmeeting/audit_no.png'">
										</image>
									</view>
									<view class="f-15 ml-10 mt-5">
										<view class="f-15 ml-10 mt-5">
											<text>{{auditinfo.status_text}}</text>
										</view>
									</view>
								</view>
								<view v-if="auditinfo.refuse_reason"
									:class="auditinfo.status==2?'fansmeeting_audit_text_no':'fansmeeting_audit_text'">
									<text>{{auditinfo.refuse_reason}}</text>
								</view>
							</view>
							<view v-if="auditinfo.update_status!=2" class="group_public_btn_block mt-15"
								@click="editActiveForm">修改信息</view>
							<view class="audit_ticket_box">
								<view v-if="auditinfo.group_arr.length==0" class="audit_ticket_cell">
									<view class="fansmeeting_audit_cell">
										<view class="flex-1">车友会成员</view>
										<view class="c-666666">{{club_user_status==1?'是':'否'}}</view>
									</view>
									<view class="fansmeeting_audit_cell">
										<view class="flex-1">购票类型</view>
										<view class="c-666666" v-for="itemd in projectslist" :key="itemd.id"
											v-if="itemd.id==auditinfo.project_type">{{itemd.name}} x1</view>
									</view>
									<view class="fansmeeting_audit_cell">
										<view class="flex-1">姓名</view>
										<view class="c-666666">{{auditinfo.name}}</view>
									</view>
									<view class="fansmeeting_audit_cell">
										<view class="flex-1">手机号</view>
										<view class="c-666666">{{auditinfo.mobile}}</view>
									</view>
									<view class="fansmeeting_audit_cell">
										<view class="flex-1">车型</view>
										<view class="c-666666">{{auditinfo.car_series}}</view>
									</view>
									<view class="fansmeeting_audit_cell" v-if="auditinfo.car_series!='无车'">
										<view class="flex-1">车牌号</view>
										<view class="c-666666">{{auditinfo.car_number}}</view>
									</view>
									<view class="fansmeeting_audit_cell" v-if="auditinfo.id_card">
										<view class="flex-1">证件号码</view>
										<view class="c-666666">{{auditinfo.id_card}}</view>
									</view>
									<view class="fansmeeting_audit_cell">
										<view class="flex-1">随行人数</view>
										<view class="c-666666">{{auditinfo.man_num}}人</view>
									</view>
									<view class="pd-30" v-if="auditinfo.car_series!='无车'">
										<view class="flex-1">爱车照片</view>
										<view class="mt-10">
											<image class="audit_ticket_img" :src="picUrl+auditinfo.pic" mode="widthFix">
											</image>
										</view>
									</view>
								</view>
								<view v-else v-for="(item,index) in auditinfo.group_arr" :key="index"
									class="audit_ticket_cell">
									<view class="fans_num_box">
										<view class="flex-1 f-14 f-w" style="padding: 30rpx 0;"
											@click="showAuditFansTeamInfo(index)">
											粉丝/车主(团体票，第{{index+1}}位)</view>
										<view class="pd-30" @click="showAuditFansTeamInfo(index)">
											<image v-if="item.showInfo==1" class="fans_num_arrow"
												:src="onlinePic+'fansmeeting/arrow_down.png'"></image>
											<image v-else class="fans_num_arrow"
												:src="onlinePic+'fansmeeting/arrow_up.png'">
											</image>
										</view>
									</view>
									<block v-if="item.showInfo==1">
										<view class="fansmeeting_audit_cell">
											<view class="flex-1">购票类型</view>
											<view class="c-666666" v-for="itemd in projectslist" :key="itemd.id"
												v-if="itemd.id==item.project_type">{{itemd.name}} x1</view>
										</view>
										<view class="fansmeeting_audit_cell">
											<view class="flex-1">姓名</view>
											<view class="c-666666">{{item.name}}</view>
										</view>
										<view class="fansmeeting_audit_cell">
											<view class="flex-1">手机号</view>
											<view class="c-666666">{{item.mobile}}</view>
										</view>
										<view class="fansmeeting_audit_cell">
											<view class="flex-1">车型</view>
											<view class="c-666666">{{item.car_series}}</view>
										</view>
										<view class="fansmeeting_audit_cell" v-if="item.car_series=='其他'">
											<view class="flex-1">其他车型</view>
											<view class="c-666666">{{item.car_series_other}}</view>
										</view>
										<view class="fansmeeting_audit_cell" v-if="item.car_series!='无车'">
											<view class="flex-1">车牌号</view>
											<view class="c-666666">{{item.car_number}}</view>
										</view>
										<view class="fansmeeting_audit_cell" v-if="item.id_card">
											<view class="flex-1">证件号码</view>
											<view class="c-666666">{{item.id_card}}</view>
										</view>
										<view class="fansmeeting_audit_cell">
											<view class="flex-1">随行人数</view>
											<view class="c-666666">{{item.man_num}}</view>
										</view>
										<view class="pd-30" v-if="item.car_series!='无车'">
											<view class="flex-1">爱车照片</view>
											<view class="mt-10">
												<image class="audit_ticket_img" :src="picUrl+item.pic" mode="widthFix">
												</image>
											</view>
										</view>
									</block>
								</view>
							</view>
						</view>
					</view>
					<view v-else>
						<view class="groupmanage_input_box">
							<view class="display_flex">
								<view class="mr-5 display_flex">您是否为车友会成员
									<uni-icons type="help" size="14" color="#999999"
										@click="showFansPop(1)"></uni-icons>
								</view>
								<view class="display_flex flex-1">
									<view class="display_flex" @click="changeClubUser(1)">
										<uni-icons v-if="club_user_status==1" type="circle-filled" size="20"
											color="#191919"></uni-icons>
										<uni-icons v-else type="circle" color="#191919" size="20"></uni-icons>
										<span>是</span>
									</view>
									<view class="display_flex ml-25" @click="changeClubUser(2)">
										<uni-icons v-if="club_user_status==2" type="circle-filled" size="20"
											color="#191919"></uni-icons>
										<uni-icons v-else type="circle" color="#191919" size="20"></uni-icons>
										<span>否</span>
									</view>
								</view>
							</view>
						</view>
						<view class="ticket_type_input_box">
							<view class="ticket_type_input">
								<view class="mr-5" style="min-width: 100rpx;">购票类型</view>
								<view class="display_flex" @click="changeTicketType(0,index)">
									<uni-icons v-if="group_status==0" type="circle-filled" size="20"
										color="#191919"></uni-icons>
									<uni-icons v-else type="circle" color="#191919" size="20"></uni-icons>
									<span>单车个人报名</span>
								</view>
								<view v-if="auditinfo.koc_group_status==1" class="display_flex ml-25"
									@click="changeTicketType(1,index)">
									<uni-icons v-if="group_status==1" type="circle-filled" size="20"
										color="#191919"></uni-icons>
									<uni-icons v-else type="circle" color="#191919" size="20"></uni-icons>
									<span>多台车团体报名</span>
								</view>
							</view>
							<view class="ticket_type_icon_box">
								<image class="ticket_type_icon" :src="onlinePic+'fansmeeting/ticket_type_icon.png'">
								</image>
							</view>
							<view class="ticket_type_desc">注:每张票对应的本车随行人员享有进入活动会场的资格</view>
						</view>
						<view v-for="(item,index) in group_arr" :key="index" style="padding-bottom:30rpx;">
							<view v-if="group_status==1" class="fans_num_box" style="margin-bottom: -20rpx;">
								<view class="flex-1 f-14 f-w" style="padding: 30rpx 0;"
									@click="showFansTeamInfo(index)">
									粉丝/车主(团体票，第{{index+1}}位)</view>
								<view v-if="group_arr.length>1" class="display_flex" @click="delForm(index)">
									<uni-icons type="minus-filled" size="14" color="#191919"></uni-icons>
									<view class="f-12">删除粉丝</view>
								</view>
								<view class="pd-30" @click="showFansTeamInfo(index)">
									<image v-if="item.showInfo==1" class="fans_num_arrow"
										:src="onlinePic+'fansmeeting/arrow_down.png'"></image>
									<image v-else class="fans_num_arrow" :src="onlinePic+'fansmeeting/arrow_up.png'">
									</image>
								</view>
							</view>
							<block v-if="item.showInfo==1">
								<view class="groupmanage_input_box">
									<view class="display_flex">
										<view class="mr-5" style="min-width: 100rpx;">姓名</view>
										<input class="flex-1" v-model="item.name" maxlength="8" placeholder="您的姓名" />
									</view>
								</view>
								<view class="groupmanage_input_box">
									<view class="display_flex">
										<view class="mr-5" style="min-width: 100rpx;">手机号</view>
										<input class="flex-1" type="number" v-model="item.mobile" maxlength="11"
											placeholder="您的手机号" />
									</view>
								</view>
								<view class="groupmanage_input_box">
									<view class="display_flex">
										<view class="mr-5" style="min-width: 100rpx;">车型</view>
										<uni-data-select class="flex-1" v-model="item.car_series"
											:localdata="seriesList" :clear="false" placeholder="您的车型"></uni-data-select>
									</view>
								</view>
								<view class="f-11 ml-15 mt-5 c-999999">{{auditinfo.car_model_tips}}</view>
								<view class="groupmanage_input_box" v-if="item.car_series=='其他'">
									<view class="display_flex">
										<view class="mr-5" style="min-width: 100rpx;">车型</view>
										<input class="flex-1" v-model="item.car_series_other" maxlength="12"
											placeholder="您的车型" />
									</view>
								</view>
								<view class="groupmanage_input_box" v-if="item.car_series!='无车'">
									<view class="display_flex">
										<view class="mr-5" style="min-width: 100rpx;">车牌号</view>
										<input class="flex-1" v-model="item.car_number" maxlength="8"
											placeholder="您的车牌号" />
									</view>
								</view>
								<view class="groupmanage_input_box" v-if="item.car_series!='无车'">
									<view class="mr-5">爱车照片</view>
									<image v-if="item.pic" class="cars_img" style="height: 325rpx;"
										:src="picUrl+item.pic" mode="aspectFill" @click="uploadFansCarImg(index)">
									</image>
									<view v-else class="cars_bkimg_box" @click="uploadFansCarImg(index)">
										<image class="cars_bkimg" :src="onlinePic+'cars_bk.png'" mode="widthFix">
										</image>
										<view class="cars_bkimg_text_box">
											<image class="cars_camera_img" :src="onlinePic+'cars_camera.png'"></image>
											<view class="mt-5 f-11 text-c">请上传一张您的爱车照片</view>
											<view class="mt-5 f-11 text-c" style="color: #C92359;">
												请上传车牌清晰可见的照片,否则无法通过活动审核!
											</view>
										</view>
									</view>
								</view>
								<view class="groupmanage_man_num_input_box">
									<view class="display_flex" style="justify-content: space-between;">
										<view class="mr-5" style="min-width: 100rpx;">随行人数</view>
										<uni-section type="line" padding>
											<uni-number-box :min="1" :max="6" v-model="item.man_num" />
										</uni-section>
									</view>
								</view>
								<view class="groupmanage_input_box">
									<view class="mr-5">活动环节预选(单选)</view>
									<view class="mt-10">
										<uni-row :gutter="30">
											<uni-col v-for="(itemd,indexd) in projectslist" :key="itemd.id" :span="8">
												<view
													:class="item.project_type==itemd.id?'project_type_cell_on':'project_type_cell'"
													@click="changeProjects(itemd.id,index,indexd)">
													<view class="text-c">
														<view>{{itemd.name}}</view>
														<view>￥{{itemd.price}}</view>
														<view v-if="itemd.tips" class="c-red f-11">{{itemd.tips}}</view>
													</view>
													<image v-if="itemd.is_paid==1" class="projects_pay_icon"
														:src="onlinePic+'fansmeeting/projects_pay_icon.png'"></image>
													<image v-if="item.project_type==itemd.id" class="projects_on_icon"
														:src="onlinePic+'fansmeeting/projects_on.png'"></image>
												</view>
												<view class="project_type_content">{{itemd.content}}</view>
											</uni-col>
										</uni-row>
									</view>
									<view v-if="item.project_type==3||item.project_type==2" class="agremment_box"
										style="margin-bottom: 0;margin-top: 20rpx;">
										<image v-if="item.isAgreeSafety" class="login_checkbox"
											:src="onlinePic+'checkbox_on.png'">
										</image>
										<image v-else class="login_checkbox" :src="onlinePic+'checkbox.png'">
										</image>
										<span class="agremment_text">我已阅读并同意</span>
										<span @click="goAgreement(auditinfo.agreement_id)" class="agremment_text"
											style="color: #33a1ff;">《{{auditinfo.agreement_name}}》</span>
									</view>
								</view>
								<view class="groupmanage_input_box" v-if="item.project_type==3||item.project_type==2">
									<view class="display_flex">
										<view class="mr-5" style="min-width: 100rpx;">证件号码</view>
										<input class="flex-1" v-model="item.id_card" maxlength="18" type="idcard"
											placeholder="注:证件号码用于参加活动购买保险" />
									</view>
								</view>
							</block>
						</view>
						<view v-if="group_status==1" class="add_fans_btn_box">
							<view class="add_fans_btn" @click="addFans"><uni-icons type="plusempty" size="13"
									color="#ffffff"></uni-icons>添加粉丝</view>
						</view>
						<view class="fansmeeting_form_bottom_box" :style="'padding-bottom:'+ bottomSafeArea +'px;'">
							<view class="f-3 f-w ml-15 mr-15 mb-15" v-if="listWithCounts.length>0">预选购票详情</view>
							<view class="bottom_ticket_cell" v-if="listWithCounts.length>0">
								<view v-for="item in listWithCounts" :key="item.name" v-if="item.num>0"
									class="display_flex f-12 mt-5">
									<view class="flex-1">{{item.name}}</view>
									<view>x{{item.num}}</view>
								</view>
							</view>
							<view class="agremment_box" style="margin-bottom: 20rpx;margin-top: 20rpx;"
								v-if="xytitle||newxytitle||mztitle">
								<image @click="changeCheckbox" v-if="isAgree" class="login_checkbox"
									:src="onlinePic+'checkbox_on.png'"></image>
								<image @click="changeCheckbox" v-else class="login_checkbox"
									:src="onlinePic+'checkbox.png'">
								</image>
								<span @click="changeCheckbox" class="agremment_text">我已阅读并同意</span>
								<span v-if="xytitle" @click="goAgreement(23)" class="agremment_text"
									style="color: #33a1ff;">《{{xytitle}}》</span>
								<span v-if="newxytitle" @click="goAgreement(24)" class="agremment_text"
									style="color: #33a1ff;">《{{newxytitle}}》</span>
								<span v-if="mztitle" @click="goAgreement(6)" class="agremment_text"
									style="color: #33a1ff;">《{{mztitle}}》</span>
							</view>
							<view class="fansmeeting_form_submit_btn" @click="submitFansActiveForm">提交信息</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 202400 -->
			<view v-else class="groupactive_form_box">
				<view class="group_active_xiong_box">
					<view class="group_active_xiong">
						<image class="xiong_6" :src="onlinePic+'xiong.png'"></image>
					</view>
					<view class="racy_box">
						<view class="racy_text">活动报名</view>
						<view class="racy_line_box"></view>
					</view>
				</view>
				<view v-if="info.sign_end_status==1" class="audit_box" :style="'padding-bottom:'+pdbottom+ 'rpx;'">
					<view class="f-18 f-w">{{info.sign_end_title}}</view>
					<view class="f-12 mt-10">
						<text>{{info.sign_end_desc}}</text>
					</view>
				</view>
				<view v-else>
					<view v-if="auditinfo.status==0||auditinfo.status==1||auditinfo.status==2" class="audit_box"
						:style="'padding-bottom:'+pdbottom+ 'rpx;'">
						<view class="f-18 f-w">{{auditinfo.status_text}}</view>
						<view v-if="auditinfo.refuse_reason"
							:class="auditinfo.status==2?'f-12 mt-10 c-red':'f-12 mt-10'">
							<text>{{auditinfo.refuse_reason}}</text>
						</view>
						<view v-if="auditinfo.status==0" class="resubmit_text" @click="resubmitForm">重新提交</view>
						<view v-if="auditinfo.status==1" class="resubmit_text" @click="goActiveInfo">查看活动</view>
						<view v-if="auditinfo.status==2" class="resubmit_text" @click="resubmitForm">重新提交</view>
					</view>
					<block v-else>
						<block v-if="club_id==1">
							<view class="groupmanage_input_box">
								<view class="display_flex">
									<view class="mr-5" style="min-width: 100rpx;">姓名</view>
									<input class="flex-1" v-model="name" maxlength="8" placeholder="您的姓名" />
								</view>
							</view>
							<view class="groupmanage_input_box">
								<view class="display_flex">
									<view class="mr-5" style="min-width: 100rpx;">年龄</view>
									<uni-data-select class="flex-1 f-12" v-model="age" :localdata="agelist"
										:clear="false"></uni-data-select>
								</view>
							</view>
							<view class="groupmanage_input_box">
								<view class="display_flex">
									<view class="mr-5" style="min-width: 100rpx;">性别</view>
									<view class="display_flex flex-1">
										<view class="display_flex" @click="changeSex(1)">
											<uni-icons v-if="sex==1" type="circle-filled" size="20"
												color="#191919"></uni-icons>
											<uni-icons v-else type="circle" color="#191919" size="20"></uni-icons>
											<span>男</span>
										</view>
										<view class="display_flex ml-25" @click="changeSex(2)">
											<uni-icons v-if="sex==2" type="circle-filled" size="20"
												color="#191919"></uni-icons>
											<uni-icons v-else type="circle" color="#191919" size="20"></uni-icons>
											<span>女</span>
										</view>
									</view>
								</view>
							</view>
							<view class="groupmanage_input_box">
								<view class="display_flex">
									<view class="mr-5" style="min-width: 100rpx;">所在城市</view>
									<picker class="flex-1" @change="bindPickerChange" :value="index" mode="region">
										<view class="text-l" v-if="city_text">{{city_text?city_text:'选择城市'}}</view>
										<view class="text-l c-666666" v-else>选择城市</view>
									</picker>
								</view>
							</view>
							<view class="groupmanage_input_box">
								<view class="display_flex">
									<view class="mr-5" style="min-width: 100rpx;">联系方式</view>
									<input class="flex-1" type="tel" v-model="mobile" maxlength="11"
										placeholder="您的联系方式" />
								</view>
							</view>
							<view class="groupmanage_input_box">
								<view class="display_flex">
									<view class="mr-5" style="min-width: 100rpx;">购车时间</view>
									<picker class="flex-1" @change="bindTimePickerChange" :value="index" mode="date"
										fields="month" :end="end_purchase_time">
										<view class="text-l" v-if="purchase_time">
											{{purchase_time?purchase_time:'选择购车时间'}}
										</view>
										<view class="text-l c-666666" v-else>选择购车时间</view>
									</picker>
								</view>
							</view>
							<view class="groupmanage_input_box">
								<view class="display_flex">
									<view class="mr-5" style="min-width: 100rpx;">车系名称</view>
									<uni-data-select class="flex-1" v-model="car_series" :localdata="seriesList"
										:clear="false" placeholder="您的车系" @change="changeSeries()"></uni-data-select>
								</view>
							</view>
							<view class="groupmanage_input_box">
								<view class="display_flex">
									<view class="mr-5" style="min-width: 100rpx;">车型版本</view>
									<uni-data-select v-if="modelList.length>0" class="flex-1"
										v-model="car_model_version" :localdata="modelList" :clear="false"
										placeholder="您的车型"></uni-data-select>
									<input v-else class="flex-1" v-model="car_model_version" maxlength="60"
										placeholder="您的车型版本" />
								</view>
							</view>
							<view class="groupmanage_input_box">
								<view class="display_flex" style="align-items: flex-start;">
									<view class="mr-5" style="min-width: 100rpx;">路亚经验</view>
									<view class="flex-1">
										<textarea style="width: 100%;height: 140rpx;" v-model="desc" maxlength="500"
											:disable-default-padding="true" placeholder="您的路亚经验" />
									</view>
								</view>
							</view>
							<view class="groupmanage_input_box">
								<view class="mr-5">上传爱车靓照</view>
								<image v-if="pic" class="cars_img" :src="picUrl+pic" mode="aspectFill"
									@click="uploadCarImg">
								</image>
								<view v-else class="cars_bkimg_box" @click="uploadCarImg">
									<image class="cars_bkimg" :src="onlinePic+'cars_bk.png'" mode="widthFix"></image>
									<view class="cars_bkimg_text_box">
										<image class="cars_camera_img" :src="onlinePic+'cars_camera.png'"></image>
										<view class="mt-5 f-11 text-c">请上传一张您的爱车靓照</view>
									</view>
								</view>
							</view>
							<view class="next_step_btn" @click="submitSubaruActiveForm()">提交信息</view>
						</block>
						<block v-else>
							<view class="groupmanage_input_box">
								<view class="display_flex">
									<view class="mr-5">姓名</view>
									<input class="flex-1" v-model="name" maxlength="8" />
								</view>
							</view>
							<view class="groupmanage_input_box">
								<view class="display_flex">
									<view class="mr-5">电话</view>
									<input class="flex-1" type="tel" v-model="mobile" maxlength="11" />
								</view>
							</view>
							<view class="groupmanage_input_box">
								<view class="mr-5">上传爱车靓照</view>
								<image v-if="pic" class="cars_img" :src="picUrl+pic" mode="aspectFill"
									@click="uploadCarImg">
								</image>
								<view v-else class="cars_bkimg_box" @click="uploadCarImg">
									<image class="cars_bkimg" :src="onlinePic+'cars_bk.png'" mode="widthFix"></image>
									<view class="cars_bkimg_text_box">
										<image class="cars_camera_img" :src="onlinePic+'cars_camera.png'"></image>
										<view class="mt-5 f-11 text-c">请上传一张您的爱车靓照</view>
									</view>
								</view>

							</view>
							<view v-if="info.is_pet==1" class="groupmanage_input_box">
								<view class="mr-5 display_flex">是否带宠物
									<view class="display_flex ml-20" @click="changePet(1)">
										<uni-icons v-if="is_pet==1" type="circle-filled" size="20"
											color="#191919"></uni-icons>
										<uni-icons v-else type="circle" color="#191919" size="20"></uni-icons>
										<span>是</span>
									</view>
									<view class="display_flex ml-25" @click="changePet(2)">
										<uni-icons v-if="is_pet==2" type="circle-filled" size="20"
											color="#191919"></uni-icons>
										<uni-icons v-else type="circle" color="#191919" size="20"></uni-icons>
										<span>否</span>
									</view>
								</view>
							</view>
							<view v-if="info.is_pet==1&&is_pet==1" class="groupmanage_input_box">
								<view class="display_flex">
									<view class="mr-5">宠物类型</view>
									<uni-data-select class="flex-1 f-12" v-model="pet_type" :localdata="petTypelist"
										:clear="false"></uni-data-select>
								</view>
							</view>
							<view v-if="info.is_pet==1&&is_pet==1" class="groupmanage_input_box">
								<view class="display_flex">
									<view class="mr-5">宠物数量</view>
									<uni-data-select class="flex-1 f-12" v-model="pet_num" :localdata="petNumlist"
										:clear="false"></uni-data-select>
								</view>
							</view>
							<view v-if="info.is_child==1" class="groupmanage_input_box">
								<view class="mr-5 display_flex">
									是否带儿童
									<view class="display_flex ml-20" @click="changeChild(1)">
										<uni-icons v-if="is_child==1" type="circle-filled" size="20"
											color="#191919"></uni-icons>
										<uni-icons v-else type="circle" color="#191919" size="20"></uni-icons>
										<span>是</span>
									</view>
									<view class="display_flex ml-25" @click="changeChild(2)">
										<uni-icons v-if="is_child==2" type="circle-filled" size="20"
											color="#191919"></uni-icons>
										<uni-icons v-else type="circle" color="#191919" size="20"></uni-icons>
										<span>否</span>
									</view>
								</view>
							</view>
							<view v-if="info.is_child==1&&is_child==1" class="groupmanage_input_box">
								<view class="display_flex">
									<view class="mr-5">年龄</view>
									<uni-data-select class="flex-1 f-12" v-model="child_age" :localdata="childAgelist"
										:clear="false"></uni-data-select>
								</view>
							</view>
							<view v-if="info.is_child==1&&is_child==1" class="groupmanage_input_box">
								<view class="display_flex">
									<view class="mr-5">人数</view>
									<uni-data-select class="flex-1 f-12" v-model="child_num" :localdata="childNumlist"
										:clear="false"></uni-data-select>
								</view>
							</view>
							<view class="next_step_btn" @click="submitActiveForm()">提交信息</view>
						</block>
						<view class="agremment_box" v-if="xytitle||newxytitle">
							<image @click="changeCheckbox" v-if="isAgree" class="login_checkbox"
								:src="onlinePic+'checkbox_on.png'"></image>
							<image @click="changeCheckbox" v-else class="login_checkbox"
								:src="onlinePic+'checkbox.png'">
							</image>
							<span @click="changeCheckbox" class="agremment_text">我已阅读并同意</span>
							<span v-if="xytitle" @click="goAgreement(23)" class="agremment_text"
								style="color: #33a1ff;">《{{xytitle}}》</span>
							<span v-if="newxytitle" @click="goAgreement(24)" class="agremment_text"
								style="color: #33a1ff;">《{{newxytitle}}》</span>
						</view>
					</block>
				</view>
			</view>
		</block>
		<view class="fansmeeting_share_box" v-if="showShareTimeImg">
			<image style="width: 100%;" :src="onlinePic+'fansmeeting/fansmeeting_share_zh.jpg'" mode="widthFix"></image>
		</view>
		<view v-if="popupGImg" class="mask_box" @click="closePopup"></view>
		<view class="popup_img_box" v-if="popupGImg">
			<image class="popup_img" :src="onlinePic+'popup_img.png'" mode="widthFix"></image>
			<view class="popup_text_box">
				<text>{{huodong_join_popup}}</text>
			</view>
			<view class="popup_sub">
				<view class="sub left" @click="closePopup">关闭弹框</view>
				<view class="sub right" @click="joinGroup">加入车友会</view>
			</view>
		</view>
		<view v-if="isFansPop" class="guide_mask_box" @click="closePopup"></view>
		<view class="fansmeeting_pop_box" v-if="isFansPop">
			<image class="pop_top_img" @load="loadPopTopImg" :src="picUrl+popImg" mode="widthFix"></image>
			<view class="fansmeeting_pop_content_box" v-if="showPopContent">
				<view class="f-15 text-c" v-if="popTitle">{{popTitle}}</view>
				<view class="fansmeeting_pop_content">
					<rich-text :nodes="popContent"></rich-text>
				</view>
				<view class="pd-20">
					<view v-if="popType==1&&showSubmitBtn==1" class="fansmeeting_pop_btn" @click="closeClubPopup">
						{{popBtn}}
					</view>
					<view v-if="popType==2&&showSubmitBtn==1" class="fansmeeting_pop_btn" @click="closeProjectsPopup">
						{{popBtn}}
					</view>
					<view v-if="popType==3&&showSubmitBtn==1" class="fansmeeting_pop_btn" @click="closeSubmitPopup">
						{{popBtn}}
					</view>
					<view v-if="popType==4&&showSubmitBtn==1" class="fansmeeting_pop_btn" @click="closeEditPopup">
						{{popBtn}}
					</view>
					<view v-if="popType==5&&showSubmitBtn==1" class="fansmeeting_pop_btn" @click="closeSubmitZHPopup">
						{{popBtn}}
					</view>
					<view v-if="popType==6&&showSubmitBtn==1" class="fansmeeting_pop_btn" @click="closeLJBMZHPopup">
						{{popBtn}}
					</view>
					<view v-if="showSubmitBtn==2" class="fansmeeting_pop_btn_def">{{popBtn}}({{popTime}}s)</view>
				</view>

			</view>
			<view v-if="popType==1||popType==4" class="pop_close_icon_box">
				<uni-icons class="pop_close_icon" @click="closePopup" type="close" color="#ffffff"
					size="50"></uni-icons>
			</view>
		</view>
	</view>

</template>

<script>
	import {
		submitAdminGroupActive,
		getGroupActiveInfo,
		getUserGroupActiveAuditInfo,
		submitUserGroupActiveAudit,
		noticeTemplate,
		getGroupUserInfo,
		quitGroup,
		getAgreement,
		getClubCarSeriesAll,
		getZHActiveInfo,
		submitZHActiveForm,
	} from '@/api/motortime.js';
	let app = getApp()
	export default {
		data() {
			return {
				showGroupactiveinfo: false,
				petTypelist: [{
						value: 1,
						text: "狗"
					},
					{
						value: 2,
						text: "猫"
					},
					{
						value: 3,
						text: "其他"
					}
				],
				petNumlist: [],
				childNumlist: [],
				childAgelist: [],
				isCheck: '',
				club_id: '',
				huodong_id: '',
				info: {},
				auditinfo: {},
				isSubmit: true,
				agelist: [],
				name: '',
				mobile: '',
				pic: '',
				is_pet: '',
				pet_num: '',
				pet_type: '',
				is_child: '',
				child_num: '',
				child_age: '',
				userinfo: '',
				age: '', //
				sex: '', //  单选  1 男  2 女  
				car_series: '',
				car_model_version: '', //   输入
				desc: '', //  描述文本
				province: '',
				city: '',
				area: '',
				city_text: '',
				purchase_time: '',
				seriesList: [],
				modelList: [],
				group_status: 0,
				is_club_user: '',
				club_user_status: '',
				projectslist: [],
				group_arr: [{
					name: '',
					mobile: '',
					car_series: '',
					car_series_other: '',
					pic: '',
					car_number: '',
					man_num: 0,
					project_type: '',
					id_card: '',
					showInfo: 1,
					isAgreeSafety: false,
					user_has_car: true,
				}],
				huodong_club_id: '',
				huodong_join_id: 0,
				fromActivelist: false,
				picUrl: app.globalData.picUrl,
				onlinePic: app.globalData.onlinePic,
				isAgree: false,
				xytitle: '',
				mztitle: '',
				newxytitle: '',
				popupGImg: false,
				huodong_join_popup: '',
				end_purchase_time: '',
				listWithCounts: [],
				listWithCountsM: [],
				ticket_price: 0,
				isFansPop: false,
				showPopContent: false,
				formIndex: 0,
				popType: 0,
				popImg: '',
				popTitle: '',
				popContent: '',
				popBtn: '',
				popTime: '',
				popTitle1: '',
				popContent1: '',
				popBtn1: '',
				popTime1: '',
				lastContent: 1,
				showSubmitBtn: 2,
				endShowSubmitBtn: 2,
				channel: '',
				showShareTimeImg: false,
				user_has_car: true,
				tabslist: [{
					id: 1,
					name: '大陆车牌'
				}, {
					id: 2,
					name: '香港车牌'
				}, {
					id: 3,
					name: '澳门车牌'
				}],
				zhinfo: {
					project_man_card: []
				},
				isShowMyId: false,
				pdbottom: uni.getSystemInfoSync().safeAreaInsets.bottom ? uni.getSystemInfoSync().safeAreaInsets.bottom +
					60 : 60,
				safeBottom: uni.getSystemInfoSync().safeAreaInsets.bottom > 0 ? true : false,
				pageSafeArea: uni.getSystemInfoSync().safeAreaInsets.bottom ? uni.getSystemInfoSync().safeAreaInsets
					.bottom + 140 : 150,
				bottomSafeArea: uni.getSystemInfoSync().safeAreaInsets.bottom ? uni.getSystemInfoSync().safeAreaInsets
					.bottom : 15
			};
		},
		onShow() {
			const now = new Date();
			const year = now.getFullYear();
			const month = now.getMonth() + 1
			this.end_purchase_time = year + '-' + month
			if (!uni.getStorageSync('access_token')) {
				uni.navigateTo({
					url: '/pages/login/login'
				})
			} else {
				this.userinfo = uni.getStorageSync('userinfo')
				this.getGroupUserInfo()
			}
			if (uni.getStorageSync('onload')) {
				this.getGroupActiveInfo()
				this.getClubCarSeriesAll()
				if (this.huodong_id == 160) {
					this.getZHActiveInfo()
				} else {
					this.getUserGroupActiveAuditInfo()
				}
				uni.removeStorage({
					key: 'onload'
				})
			}
		},
		onLoad(options) {
			this.fromActivelist = options.fromActivelist ? true : false
			if (options.scene) {
				var scene = options.scene.split('_')
				this.huodong_id = scene[0]
				var invitation_id = scene[1] ? scene[1] : '' //邀请人id
				this.channel = scene[2] ? scene[2] : ''
				this.huodong_club_id = scene[3] ? scene[3] : ''
				uni.setStorage({
					data: invitation_id,
					key: 'InvitationId',
				})
			} else {
				this.huodong_id = options.huodong_id ? options.huodong_id : ''
				this.channel = options.channel ? options.channel : ''
				this.huodong_club_id = options.club_id ? options.club_id : ''
			}

			if (uni.getStorageSync('access_token')) {
				this.getGroupUserInfo()
				this.getGroupActiveInfo()
				if (this.huodong_id == 160) {
					this.getZHActiveInfo()
				} else {
					this.getUserGroupActiveAuditInfo()
				}
				this.getClubCarSeriesAll()
				uni.showLoading({})
			}
			this.getAgreement()
			uni.removeStorage({
				key: 'activeForm'
			})
			console.log(uni.getStorageSync('Appoptions'))
			if (uni.getStorageSync('Appoptions').scene == 1154) {
				this.showShareTimeImg = true
			} else if (uni.getStorageSync('Appoptions').scene == 1155) {
				var Appoptions = uni.getStorageSync('Appoptions')
				Appoptions.scene = 1000
				uni.setStorage({
					data: Appoptions,
					key: 'Appoptions',
				})
			} else {
				this.showShareTimeImg = false
			}
			this.petNumlist = Array.from({
				length: 5
			}, (_, index) => ({
				value: index + 1, // 从1开始计数  
				text: index + 1 + '只' // 对应的文本  
			}));
			this.childNumlist = Array.from({
				length: 5
			}, (_, index) => ({
				value: index + 1, // 从1开始计数  
				text: index + 1 + '人' // 对应的文本  
			}));
			this.childAgelist = Array.from({
				length: 18
			}, (_, index) => ({
				value: index + 1, // 从1开始计数  
				text: index + 1 + '岁' // 对应的文本  
			}));
			this.agelist = Array.from({
				length: 63
			}, (_, index) => ({
				value: index + 18, // 从1开始计数  
				text: index + 18 + '岁' // 对应的文本  
			}));

		},
		methods: {
			getGroupUserInfo() {
				getGroupUserInfo({
					user_id: uni.getStorageSync('userinfo') ? uni.getStorageSync('userinfo').user_id : ''
				}).then(res => {
					if (res.state == 1) {
						this.userinfo = res.data.list
						uni.setStorage({
							key: 'userinfo',
							data: res.data.list,
							success: function() {

							}
						});

					} else {
						uni.removeStorage({
							key: 'access_token'
						})
					}
				})
			},
			getGroupActiveInfo() {
				getGroupActiveInfo({
					huodong_id: this.huodong_id
				}).then(res => {
					if (res.state == 1) {
						this.info = res.data.info
						this.club_id = res.data.info.club_id
						if (this.huodong_id != 92 && this.huodong_id != 160) {
							uni.hideLoading()
							this.showGroupactiveinfo = true
						}
						if (this.fromActivelist) {
							setTimeout(function() {
								const targetElement = uni.createSelectorQuery().select(
									'.groupactive_form_box');
								targetElement.boundingClientRect(rect => {
									if (rect) {
										var scrollHeight = rect.top
										// 设置滚动条位置
										uni.pageScrollTo({
											scrollTop: scrollHeight,
											duration: 300 // 滚动过渡时间（单位ms）
										});
									} else {
										console.log('未找到目标元素！');
									}
								}).exec();
							}, 800)
						} else {
							if (res.data.info.huodong_status == 1) {
								setTimeout(function() {
									const pageElement = uni.createSelectorQuery().select(
										'.groupactiveinfo');
									pageElement.boundingClientRect(rect => {
										var pageHeight = rect.height
										const targetElement = uni.createSelectorQuery().select(
											'.fansmeeting_form_box');
										targetElement.boundingClientRect(fans_rect => {

											if (fans_rect) {
												var fans_Height = fans_rect.height
												var scrollHeight = parseFloat(pageHeight -
													fans_Height).toFixed(2)
												// 设置滚动条位置
												uni.pageScrollTo({
													scrollTop: scrollHeight,
													duration: 300 // 滚动过渡时间（单位ms）
												});
											} else {
												console.log('未找到目标元素！');
											}
										}).exec();
									}).exec();
								}, 1300)
							}
						}
						if (uni.getStorageSync('access_token')) {
							this.huodong_join_popup = uni.getStorageSync('clubconfig').huodong_join_popup
							if (uni.getStorageSync('userinfo').club_id == 0) {
								if (res.data.info.club_id != 1) {
									this.popupGImg = true
									this.huodong_join_popup = uni.getStorageSync('clubconfig').huodong_join_popup
								}
							}
						}
						var params = {
							event_code: '车友会活动详情',
							path: 'pages/group/groupactiveinfo',
							event_id: this.huodong_id,
							title: res.data.info.title,
							source_page: '车友会活动详情',
							value: this.channel ? this.channel : '',
						}
						app.BurialPoint(params)

					} else {
						uni.showToast({
							title: res.error[0],
							mask: true,
							icon: 'none',
							duration: 1500
						})
					}
				})
			},
			getUserGroupActiveAuditInfo() {
				getUserGroupActiveAuditInfo({
					huodong_id: this.huodong_id,
					channel: this.channel ? this.channel : ''
				}).then(res => {
					if (res.state == 1) {
						uni.hideLoading()
						this.auditinfo = res.data.info
						var list = res.data.info.group_arr
						if (list.length > 0) {
							this.auditinfo.group_arr = list.map(item => ({
								...item,
								showInfo: 1
							}));
						}
						this.projectslist = res.data.info.festival_project_popup_arr
						this.is_club_user = res.data.info.is_club_user
						this.club_user_status = res.data.info.club_user_status ? res.data.info.club_user_status :
							res.data.info.is_club_user == 1 ? 1 : 2
						this.huodong_join_id = res.data.info.huodong_join_id ? res.data.info.huodong_join_id : 0
						this.popImg = res.data.info.festival_popup_img

						if (this.huodong_id == 92) {
							if (res.data.info.status == 0 || res.data.info.status == 2) {
								var that = this
								that.showGroupactiveinfo = true
								setTimeout(function() {
									const pageElement = uni.createSelectorQuery().select(
										'.groupactiveinfo');
									pageElement.boundingClientRect(rect => {
										console.log('pagerect')
										console.log(rect)
										var pageHeight = rect.height
										const targetElement = uni.createSelectorQuery().select(
											'.fansmeeting_form_box');
										targetElement.boundingClientRect(fans_rect => {
											console.log('fans_rect')
											console.log(fans_rect)
											if (fans_rect) {
												var fans_Height = fans_rect.height
												var scrollHeight = parseFloat(pageHeight -
													fans_Height).toFixed(2)
												// 设置滚动条位置
												uni.pageScrollTo({
													scrollTop: scrollHeight,
													duration: 300 // 滚动过渡时间（单位ms）
												});
											} else {
												console.log('未找到目标元素！');
											}
										}).exec();
									}).exec();
								}, 1300)
							} else if (res.data.info.status == 1) {
								uni.redirectTo({
									url: '/pages/group/groupactiveaudit?huodong_id=' + this.huodong_id +
										'&club_id=' + res.data.info.club_id +
										'&channel=' + this
										.channel
								})
								var that = this
								setTimeout(function() {
									that.showGroupactiveinfo = true
									uni.hideLoading()
								}, 500)
							} else {
								this.showGroupactiveinfo = true
							}
						} else {
							this.showGroupactiveinfo = true
						}
					} else {
						uni.hideLoading()
						uni.showToast({
							title: res.error[0],
							mask: true,
							icon: 'none',
							duration: 1500
						})
					}
				})
			},
			uploadCarImg() {
				var that = this
				uni.chooseMedia({
					count: 1,
					mediaType: ['image'],
					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
					sourceType: ['album'], //从相册选择
					success: function(res) {
						var tempFilePaths = res.tempFiles
						uni.uploadFile({
							url: app.globalData.uploadUrl,
							filePath: tempFilePaths[0].tempFilePath,
							name: 'img',
							success: (uploadFileRes) => {
								var picdata = JSON.parse(uploadFileRes.data);
								that.pic = picdata.data.img
							}
						});
					}
				});
				var params = {
					event_code: '车友会活动详情',
					path: 'pages/group/groupactiveinfo',
					event_id: that.info.huodong_id,
					title: that.info.title,
					source_page: '车友会活动详情-上传爱车靓照',
					value: '',
				}
				app.BurialPoint(params)
			},
			submitActiveForm() {
				var that = this
				if (uni.getStorageSync('access_token')) {
					if (uni.getStorageSync('userinfo').club_id > 0) {
						if (that.isSubmit) {
							that.isSubmit = false
							if (!that.isAgree) {
								if (that.xytitle || that.newxytitle) {
									uni.showToast({
										title: '请阅读并同意《' + that.xytitle + '》《' + that.newxytitle + '》',
										mask: true,
										icon: 'none',
										duration: 1500
									})
									that.isSubmit = true
									return false;
								}
							}
							if (that.name == '') {
								uni.showToast({
									title: '请输入姓名',
									mask: true,
									icon: 'none',
									duration: 1500
								})
								that.isSubmit = true
								return false;
							}

							if (that.mobile == '') {
								uni.showToast({
									title: '请输入电话',
									mask: true,
									icon: 'none',
									duration: 1500
								})
								that.isSubmit = true
								return false;
							} else {
								if (!(/^1[3456789]\d{9}$/.test(that.mobile))) {
									uni.showToast({
										title: '请输入正确的电话',
										icon: 'none',
										duration: 1500
									});
									that.isSubmit = true
									return false;
								}
							}

							if (that.pic == '') {
								uni.showToast({
									title: '请上传爱车靓照',
									mask: true,
									icon: 'none',
									duration: 1500
								})
								that.isSubmit = true
								return false;
							}

							uni.showModal({
								content: '确定提交吗',
								confirmColor: '#00A0DC',
								success: function(res) {
									if (res.confirm) {
										uni.requestSubscribeMessage({
											tmplIds: ['rcQkW8wcn38CXiWvvjjQgFx3SscCmBguRKsd3N6Ip1U'],
											success: function(res) {
												noticeTemplate({
													template_type: 5 //4:车友会；5:活动报名结果；6:活动创建结果
												}).then(res => {
													if (res.state == 1) {
														var form = {
															club_id: that.club_id,
															huodong_id: that
																.huodong_id,
															name: that.name,
															mobile: that.mobile,
															pic: that.pic,
															is_pet: that.is_pet,
															pet_num: that.pet_num,
															pet_type: that.pet_type,
															is_child: that.is_child,
															child_num: that.child_num,
															child_age: that.child_age,
															huodong_join_id: that
																.huodong_join_id,
															invitation_id: uni
																.getStorageSync(
																	'InvitationId') ?
																uni
																.getStorageSync(
																	'InvitationId') :
																'',
														}
														that.submitUserGroupActiveAudit(
															form)
													} else {
														that.isSubmit = true
														var params = {
															event_code: '车友会活动详情',
															path: 'pages/group/groupactiveinfo',
															event_id: that.info
																.huodong_id,
															title: that.info.title,
															source_page: '车友会活动详情-拒绝消息通知',
															value: '',
														}
														app.BurialPoint(params)
													}
												})
											},
											fail: function(e) {
												console.log(e)
											}
										})
									} else if (res.cancel) {
										console.log('用户点击取消');
										that.isSubmit = true
									}
								}
							});
						}
					} else {
						that.popupGImg = true
						if (that.huodong_join_popup == '') {
							that.huodong_join_popup = uni.getStorageSync('clubconfig').huodong_join_popup
						}
					}
				} else {
					uni.navigateTo({
						url: '/pages/login/login'
					})
				}
			},
			submitSubaruActiveForm() { //斯巴鲁中国活动
				var that = this
				if (uni.getStorageSync('access_token')) {
					if (that.isSubmit) {
						that.isSubmit = false
						if (!that.isAgree) {
							if (that.xytitle || that.newxytitle) {
								uni.showToast({
									title: '请阅读并同意《' + that.xytitle + '》《' + that.newxytitle + '》',
									mask: true,
									icon: 'none',
									duration: 1500
								})
								that.isSubmit = true
								return false;
							}
						}
						if (that.name == '') {
							uni.showToast({
								title: '请输入姓名',
								mask: true,
								icon: 'none',
								duration: 1500
							})
							that.isSubmit = true
							return false;
						}
						if (that.age == '') {
							uni.showToast({
								title: '请选择年龄',
								mask: true,
								icon: 'none',
								duration: 1500
							})
							that.isSubmit = true
							return false;
						}
						if (that.sex == '') {
							uni.showToast({
								title: '请选择性别',
								mask: true,
								icon: 'none',
								duration: 1500
							})
							that.isSubmit = true
							return false;
						}
						if (that.city_text == '') {
							uni.showToast({
								title: '请选择所在城市',
								mask: true,
								icon: 'none',
								duration: 1500
							})
							that.isSubmit = true
							return false;
						}
						if (that.mobile == '') {
							uni.showToast({
								title: '请输入联系方式',
								mask: true,
								icon: 'none',
								duration: 1500
							})
							that.isSubmit = true
							return false;
						} else {
							if (!(/^1[3456789]\d{9}$/.test(that.mobile))) {
								uni.showToast({
									title: '请输入正确的联系方式',
									icon: 'none',
									duration: 1500
								});
								that.isSubmit = true
								return false;
							}
						}
						if (that.purchase_time == '') {
							uni.showToast({
								title: '请选择购车时间',
								mask: true,
								icon: 'none',
								duration: 1500
							})
							that.isSubmit = true
							return false;
						}
						if (that.car_series == '') {
							uni.showToast({
								title: '请选择车系',
								mask: true,
								icon: 'none',
								duration: 1500
							})
							that.isSubmit = true
							return false;
						}
						if (that.car_model_version == '') {
							if (that.modelList.length > 0) {
								uni.showToast({
									title: '请选择车型版本',
									mask: true,
									icon: 'none',
									duration: 1500
								})
							} else {
								uni.showToast({
									title: '请填写车型版本',
									mask: true,
									icon: 'none',
									duration: 1500
								})
							}

							that.isSubmit = true
							return false;
						}
						if (that.desc == '') {
							uni.showToast({
								title: '请填写路亚经验',
								mask: true,
								icon: 'none',
								duration: 1500
							})
							that.isSubmit = true
							return false;
						}
						if (that.pic == '') {
							uni.showToast({
								title: '请上传爱车靓照',
								mask: true,
								icon: 'none',
								duration: 1500
							})
							that.isSubmit = true
							return false;
						}
						uni.showModal({
							content: '确定提交吗',
							confirmColor: '#00A0DC',
							success: function(res) {
								if (res.confirm) {
									uni.requestSubscribeMessage({
										tmplIds: ['rcQkW8wcn38CXiWvvjjQgFx3SscCmBguRKsd3N6Ip1U'],
										success: function(res) {
											noticeTemplate({
												template_type: 5 //4:车友会；5:活动报名结果；6:活动创建结果
											}).then(res => {
												if (res.state == 1) {
													var form = {
														club_id: that.club_id,
														huodong_id: that
															.huodong_id,
														name: that.name,
														mobile: that.mobile,
														pic: that.pic,
														is_pet: that.is_pet,
														pet_num: that.pet_num,
														pet_type: that.pet_type,
														is_child: that.is_child,
														child_num: that.child_num,
														child_age: that.child_age,
														age: that.age, //
														sex: that
															.sex, //  单选  1 男  2 女  
														car_series: that
															.car_series,
														car_model_version: that
															.car_model_version, //   输入
														desc: that.desc, //  描述文本
														province: that.province,
														city: that.city,
														area: that.area,
														purchase_time: that
															.purchase_time,
														huodong_join_id: that
															.huodong_join_id,
														invitation_id: uni
															.getStorageSync(
																'InvitationId') ? uni
															.getStorageSync(
																'InvitationId') : '',
													}
													that.submitUserGroupActiveAudit(form)
												} else {
													that.isSubmit = true
													var params = {
														event_code: '车友会活动详情',
														path: 'pages/group/groupactiveinfo',
														event_id: that.info.huodong_id,
														title: that.info.title,
														source_page: '车友会活动详情-拒绝消息通知',
														value: '',
													}
													app.BurialPoint(params)
												}
											})
										},
										fail: function(e) {
											console.log(e)
										}
									})

								} else if (res.cancel) {
									console.log('用户点击取消');
									that.isSubmit = true
								}
							}
						});
					}
				} else {
					uni.navigateTo({
						url: '/pages/login/login'
					})
				}
			},
			submitUserGroupActiveAudit(form) {
				var that = this
				submitUserGroupActiveAudit(form).then(res => {
					if (res.state == 1) {
						uni.showToast({
							title: '提交成功',
							mask: true,
							icon: 'success',
							duration: 1500
						})
						that.getUserGroupActiveAuditInfo()
						that.isSubmit = true
						setTimeout(function() {
							that.name = ''
							that.mobile = ''
							that.pic = ''
							that.is_pet = ''
							that.pet_num = ''
							that.pet_type = ''
							that.is_child = ''
							that.child_num = ''
							that.child_age = ''
							that.age = ''
							that.sex = ''
							that.car_series = ''
							that.car_model_version = ''
							that.desc = ''
							that.province = ''
							that.city = ''
							that.area = ''
							that.city_text = ''
							that.purchase_time = ''
							that.isAgree = false
							that.group_arr = [{
								name: '',
								mobile: '',
								car_series: '',
								car_series_other: '',
								pic: '',
								car_number: '',
								man_num: 0,
								project_type: '',
								id_card: '',
								showInfo: 1,
								isAgreeSafety: false,
							}]
						}, 1500)
					} else {
						that.isSubmit = true
						uni.showToast({
							title: res.error[0],
							mask: true,
							icon: 'none',
							duration: 1500
						})
					}
				})
				var params = {
					event_code: '车友会活动详情',
					path: 'pages/group/groupactiveinfo',
					event_id: that.info.huodong_id,
					title: that.info.title,
					source_page: '车友会活动详情-提交信息',
					value: '',
				}
				app.BurialPoint(params)
			},
			resubmitForm() {
				this.auditinfo.status = 3
			},
			changeChild(num) {
				this.is_child = num
			},
			changePet(num) {
				this.is_pet = num
			},
			changeSex(num) {
				this.sex = num
			},
			bindPickerChange(e) {
				this.city_text = e.detail.value.join('')
				this.province = e.detail.value[0]
				this.city = e.detail.value[1]
				this.area = e.detail.value[2]
				var params = {
					event_code: '车友会活动详情',
					path: 'pages/group/groupactiveinfo',
					event_id: this.info.huodong_id,
					title: this.info.title,
					source_page: '车友会活动详情-选择城市',
					value: '',
				}
				app.BurialPoint(params)
			},
			bindTimePickerChange(e) {
				this.purchase_time = e.detail.value.replace(/-/g, '')
				var params = {
					event_code: '车友会活动详情',
					path: 'pages/group/groupactiveinfo',
					event_id: this.info.huodong_id,
					title: this.info.title,
					source_page: '车友会活动详情-选择购车时间',
					value: '',
				}
				app.BurialPoint(params)
			},
			getClubCarSeriesAll() {
				getClubCarSeriesAll().then(res => {
					if (res.state == 1) {
						this.seriesList = res.data.info
					} else {
						uni.showToast({
							title: res.error[0],
							mask: true,
							icon: 'none',
							duration: 1500
						})
					}
				})
			},
			changeSeries() {
				var car_series = this.car_series
				var item = this.seriesList.find(function(item) {
					return item.value === car_series;
				});
				if (item) {
					this.modelList = item.model
				}
				this.car_model_version = ''
				var params = {
					event_code: '车友会活动详情',
					path: 'pages/group/groupactiveinfo',
					event_id: this.info.huodong_id,
					title: this.info.title,
					source_page: '车友会活动详情-选择车系',
					value: '',
				}
				app.BurialPoint(params)
			},
			joinGroup() {
				var that = this
				if (uni.getStorageSync('access_token')) {
					if (uni.getStorageSync('userinfo').club_id > 0) {
						var modaltext = uni.getStorageSync('userinfo').club_name ? uni.getStorageSync('userinfo')
							.club_name : '车友会'
						uni.showModal({
							content: '您已加入“' + modaltext + '”，点击“确认"退出当前车友会',
							confirmColor: '#00A0DC',
							cancelText: '再考虑下',
							confirmText: '确认退出',
							success: function(res) {
								if (res.confirm) {
									quitGroup({
										club_id: uni.getStorageSync('userinfo').club_id,
									}).then(res => {
										if (res.state == 1) {
											uni.showToast({
												title: '已退出',
												mask: true,
												icon: 'success',
												duration: 1500
											})
											uni.setStorage({
												key: 'onload',
												data: 'true',
												success() {}
											})
											that.getGroupUserInfo()
										} else {
											uni.showToast({
												title: res.error[0],
												mask: true,
												icon: 'none',
												duration: 1500
											})
										}
									})
								} else if (res.cancel) {
									console.log('用户点击取消');
									that.isSubmit = true
								}
							}
						});
					} else {
						// #ifdef  MP-WEIXIN
						uni.requestSubscribeMessage({
							tmplIds: ['kwpV3YHFx0TJQXZGE1dmXyPuKB5KEhhxSols7MgJYKk'],
							success: function(res) {
								noticeTemplate({
									template_type: 4 //4:车友会；5:活动报名结果；6:活动创建结果
								}).then(res => {
									if (res.state == 1) {
										uni.navigateTo({
											url: '/pages/group/groupjoin?club_id=' +
												that.info
												.club_id
										})
										that.popupGImg = false
									} else {

									}
								})
							},
							fail: function(e) {
								console.log(e)
							}
						})
						// #endif
						// #ifndef  MP-WEIXIN
						uni.navigateTo({
							url: '/pages/group/groupjoin?club_id=' + that.info.club_id
						})
						// #endif
					}
					var params = {
						event_code: '车友会活动详情',
						path: 'pages/group/groupactiveinfo',
						event_id: that.info.huodong_id,
						title: that.info.title,
						source_page: '车友会活动详情-加入车友会',
						value: '',
					}
					app.BurialPoint(params)
				} else {
					uni.navigateTo({
						url: '/pages/login/login'
					})
				}
			},
			goActiveInfo() {
				if (uni.getStorageSync('access_token')) {
					uni.navigateTo({
						url: '/pages/my/myactiveinfo?huodong_id=' + this.huodong_id
					})
					var params = {
						event_code: '车友会活动详情',
						path: 'pages/group/groupactiveinfo',
						event_id: this.info.huodong_id,
						title: this.info.title,
						source_page: '车友会活动详情-查看活动',
						value: '',
					}
					app.BurialPoint(params)
				} else {
					uni.navigateTo({
						url: '/pages/login/login'
					})
				}
			},
			getAgreement() {
				getAgreement({
					id: 6,
				}).then(res => {
					if (res.state == 1) {
						this.mztitle = res.data.title
					}
				})
				getAgreement({
					id: 23,
				}).then(res => {
					if (res.state == 1) {
						this.xytitle = res.data.title
					}
				})
				getAgreement({
					id: 24,
				}).then(res => {
					if (res.state == 1) {
						this.newxytitle = res.data.title
					}
				})

			},
			changeCheckbox() {
				this.isAgree = this.isAgree ? false : true
			},
			goAgreement(id) {
				this.isAgree = true
				uni.navigateTo({
					url: '/pages/agreement/agreement?scene=' + id + '&club_id=' + this.info.club_id
				})
				var params = {
					event_code: '车友会活动详情',
					path: 'pages/group/groupactiveinfo',
					event_id: this.info.huodong_id,
					title: this.info.title,
					source_page: '车友会活动详情-阅读并同意协议',
					value: '',
				}
				app.BurialPoint(params)
			},
			closePopup() {
				this.popupGImg = false
				if (this.popType == 1 || this.popType == 4) {
					this.popTime = 5
					this.isFansPop = false
					this.showSubmitBtn = 2
					this.popTitle = ''
					this.popContent = ''
					this.popBtn = ''
					this.popTime = ''
				}
				var params = {
					event_code: '车友会活动详情',
					path: 'pages/group/groupactiveinfo',
					event_id: '',
					title: '',
					source_page: '车友会活动详情-关闭弹窗',
					value: '',
				}
				app.BurialPoint(params)
			},

			submitFansActiveForm() {
				var that = this
				if (uni.getStorageSync('access_token')) {
					if (that.isSubmit) {
						that.isSubmit = false
						if (!that.isAgree) {
							if (that.xytitle || that.newxytitle || that.mztitle) {
								uni.showToast({
									title: '请阅读并同意《' + that.xytitle + '》《' + that.newxytitle + '》《' + that
										.mztitle + '》',
									mask: true,
									icon: 'none',
									duration: 1500
								})
								that.isSubmit = true
								return false;
							}
						}
						if (that.group_status == 0) {
							if (that.group_arr[0].name == '') {
								uni.showToast({
									title: '请输入姓名',
									mask: true,
									icon: 'none',
									duration: 1500
								})
								that.isSubmit = true
								return false;
							}
							if (that.group_arr[0].mobile == '') {
								uni.showToast({
									title: '请输入手机号',
									mask: true,
									icon: 'none',
									duration: 1500
								})
								that.isSubmit = true
								return false;
							} else {
								if (!(/^1[3456789]\d{9}$/.test(that.group_arr[0].mobile))) {
									uni.showToast({
										title: '请输入正确的手机号',
										icon: 'none',
										duration: 1500
									});
									that.isSubmit = true
									return false;
								}
							}

							if (that.group_arr[0].car_series == '') {
								uni.showToast({
									title: '请选择车型',
									mask: true,
									icon: 'none',
									duration: 1500
								})
								that.isSubmit = true
								return false;
							}
							if (that.group_arr[0].car_series == '其他') {
								if (that.group_arr[0].car_series_other == '') {
									uni.showToast({
										title: '请输入车型',
										mask: true,
										icon: 'none',
										duration: 1500
									})
									that.isSubmit = true
									return false;
								}
							}
							if (that.group_arr[0].car_series != '无车' && that.group_arr[0].car_number == '') {
								uni.showToast({
									title: '请输入车牌号',
									mask: true,
									icon: 'none',
									duration: 1500
								})
								that.isSubmit = true
								return false;
							} else if (that.group_arr[0].car_series != '无车' && that.group_arr[0].car_number.length < 7) {
								uni.showToast({
									title: '请输入正确的车牌号',
									mask: true,
									icon: 'none',
									duration: 1500
								})
								that.isSubmit = true
								return false;
							}
							if (that.group_arr[0].car_series != '无车' && that.group_arr[0].pic == '') {
								uni.showToast({
									title: '请上传爱车照片',
									mask: true,
									icon: 'none',
									duration: 1500
								})
								that.isSubmit = true
								return false;
							}
							if (that.group_arr[0].project_type == '') {
								uni.showToast({
									title: '请选择活动环节',
									mask: true,
									icon: 'none',
									duration: 1500
								})
								that.isSubmit = true
								return false;
							}
							if (that.group_arr[0].project_type == 3 || that.group_arr[0].project_type == 2) {
								if (that.group_arr[0].id_card == '') {
									uni.showToast({
										title: '请输入证件号码',
										mask: true,
										icon: 'none',
										duration: 1500
									})
									that.isSubmit = true
									return false;
								} else {
									if (!(/^(\d{6})(18|19|20)?(\d{2})(0[1-9]|1[012])(0[1-9]|[12]\d|3[01])\d{3}(\d|X|x)$/
											.test(
												that.group_arr[0].id_card))) {
										uni.showToast({
											title: '请输入正确的证件号码',
											mask: true,
											icon: 'none',
											duration: 1500
										})
										that.isSubmit = true
										return false;
									}
								}
							}

						} else {
							that.group_arr.forEach((item, index) => {
								if (!item.name) {
									uni.showToast({
										title: '请输入姓名',
										mask: true,
										icon: 'none',
										duration: 1500
									})
									that.isSubmit = true
									throw new Error('请输入姓名')
									return false;
								} else if (!item.mobile) {
									uni.showToast({
										title: '请输入手机号',
										mask: true,
										icon: 'none',
										duration: 1500
									})
									that.isSubmit = true
									throw new Error('请输入手机号')
									return false;
								} else if (!(/^1[3456789]\d{9}$/.test(item.mobile))) {
									uni.showToast({
										title: '请输入正确的手机号',
										icon: 'none',
										duration: 1500
									});
									that.isSubmit = true
									throw new Error('请输入正确的手机号')
									return false;
								} else if (!item.car_series) {
									uni.showToast({
										title: '请选择车型',
										mask: true,
										icon: 'none',
										duration: 1500
									})
									that.isSubmit = true
									throw new Error('请选择车型')
									return false;
								} else if (item.car_series == '其他' && !item.car_series_other) {
									uni.showToast({
										title: '请输入车型',
										mask: true,
										icon: 'none',
										duration: 1500
									})
									that.isSubmit = true
									throw new Error('请输入车型')
									return false;
								} else if (item.car_series != '无车' && !item.car_number) {
									uni.showToast({
										title: '请输入车牌号',
										mask: true,
										icon: 'none',
										duration: 1500
									})

									that.isSubmit = true
									throw new Error('请输入车牌号')
									return false;
								} else if (item.car_series != '无车' && item.car_number.length < 7) {
									uni.showToast({
										title: '请输入正确的车牌号',
										mask: true,
										icon: 'none',
										duration: 1500
									})
									that.isSubmit = true
									throw new Error('请输入正确的车牌号')
									return false;
								} else if (item.car_series != '无车' && !item.pic) {
									uni.showToast({
										title: '请上传爱车照片',
										mask: true,
										icon: 'none',
										duration: 1500
									})
									that.isSubmit = true
									throw new Error('请上传爱车照片')
									return false;
								}
								else if (!item.project_type) {
									uni.showToast({
										title: '请选择活动环节',
										mask: true,
										icon: 'none',
										duration: 1500
									})
									that.isSubmit = true
									throw new Error('请选择活动环节')
									return false;
								} else if (item.project_type == 2 || item.project_type == 3) {
									if (!item.id_card) {
										uni.showToast({
											title: '请输入证件号码',
											mask: true,
											icon: 'none',
											duration: 1500
										})
										that.isSubmit = true
										throw new Error('请输入证件号码')
										return false;
									} else if (!(
											/^(\d{6})(18|19|20)?(\d{2})(0[1-9]|1[012])(0[1-9]|[12]\d|3[01])\d{3}(\d|X|x)$/
											.test(item.id_card))) {
										uni.showToast({
											title: '请输入正确的证件号码',
											mask: true,
											icon: 'none',
											duration: 1500
										})
										that.isSubmit = true
										throw new Error('请输入正确的证件号码')
										return false;
									}
								}
							});
						}

						uni.requestSubscribeMessage({
							tmplIds: ['rcQkW8wcn38CXiWvvjjQgFx3SscCmBguRKsd3N6Ip1U'],
							success: function(res) {
								noticeTemplate({
									template_type: 5 //4:车友会；5:活动报名结果；6:活动创建结果
								}).then(res => {
									if (res.state == 1) {

									} else {
										that.isSubmit = true
										var params = {
											event_code: '车友会活动详情',
											path: 'pages/group/groupactiveinfo',
											event_id: that.info.huodong_id,
											title: that.info.title,
											source_page: '车友会活动详情-拒绝消息通知',
											value: '',
										}
										app.BurialPoint(params)
									}
								})
							},
							fail: function(e) {
								console.log(e)
							}
						})
						that.popType = 3
						that.isFansPop = true
						that.popTitle = that.auditinfo.festival_popup_submit_title
						that.popContent = that.auditinfo.festival_popup_submit_content
						that.popBtn = that.auditinfo.festival_popup_submit_name
						that.popTime = that.auditinfo.festival_popup_submit_time
						if (that.popTime > 0) {
							var Interval = setInterval(function() {
								if (that.popTime > 1) {
									that.popTime = that.popTime - 1
								} else {
									that.showSubmitBtn = 1
									clearInterval(Interval)
								}
							}, 1000)
						} else {
							that.showSubmitBtn = 1
						}


					}
				} else {
					uni.navigateTo({
						url: '/pages/login/login'
					})
				}
			},
			editActiveForm() {
				if (this.auditinfo.update_status == 0) {
					this.popTitle = this.auditinfo.festival_popup_update_title
					this.popContent = this.auditinfo.festival_popup_update_content
					this.popBtn = this.auditinfo.festival_popup_update_name
				} else if (this.auditinfo.update_status == 1) {
					this.popTitle = this.auditinfo.update_popup_title
					this.popContent = this.auditinfo.update_popup_content
					this.popBtn = this.auditinfo.update_popup_button_name
				}

				this.popType = 4
				this.showSubmitBtn = 1
				this.isFansPop = true

			},
			closeEditPopup() {
				this.isFansPop = false
				this.popType = ''
				this.showSubmitBtn = 2
				this.popTitle = ''
				this.popContent = ''
				this.popBtn = ''
				if (this.auditinfo.update_status == 0) {
					uni.navigateTo({
						url: '/pages/group/groupactiveform?huodong_id=' + this.huodong_id +
							'&club_id=' + this
							.huodong_club_id +
							'&channel=' + this
							.channel
					})
				} else if (this.auditinfo.update_status == 1) {
					uni.navigateTo({
						url: '/pages/group/groupactiveauditform?huodong_id=' + this.huodong_id +
							'&club_id=' + this
							.huodong_club_id +
							'&channel=' + this
							.channel
					})
				}

			},
			uploadFansCarImg(index) {
				var that = this
				uni.chooseMedia({
					count: 1,
					mediaType: ['image'],
					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
					sourceType: ['album'], //从相册选择
					success: function(res) {
						var tempFilePaths = res.tempFiles
						uni.uploadFile({
							url: app.globalData.uploadUrl,
							filePath: tempFilePaths[0].tempFilePath,
							name: 'img',
							success: (uploadFileRes) => {
								var picdata = JSON.parse(uploadFileRes.data);
								that.group_arr[index].pic = picdata.data.img
							}
						});
					}
				});
				var params = {
					event_code: '车友会活动详情',
					path: 'pages/group/groupactiveinfo',
					event_id: that.info.huodong_id,
					title: that.info.title,
					source_page: '车友会活动详情-上传爱车靓照',
					value: '',
				}
				app.BurialPoint(params)
			},
			changeClubUser(type) {
				if (this.is_club_user == 1) {
					this.club_user_status = type
				} else {
					this.popType = 1
					this.isFansPop = true
					this.popTitle = this.auditinfo.festival_popup_club_title
					this.popContent = this.auditinfo.festival_popup_club_content
					this.popBtn = this.auditinfo.festival_popup_button_name
					this.popTime = this.auditinfo.festival_popup_club_time
					var that = this
					if (that.popTime > 0) {
						var Interval = setInterval(function() {
							if (that.popTime > 1) {
								that.popTime = that.popTime - 1
							} else {
								that.showSubmitBtn = 1
								clearInterval(Interval)
							}
						}, 1000)
					} else {
						that.showSubmitBtn = 1
					}
				}

				var params = {
					event_code: '车友会活动详情',
					path: 'pages/group/groupactiveinfo',
					event_id: type,
					title: '',
					source_page: '车友会活动详情-切换是否是车友会成员',
					value: '',
				}
				app.BurialPoint(params)
			},
			// 选择购票类型
			changeTicketType(type, index) {

				this.group_arr = [{
					name: '',
					mobile: '',
					car_series: '',
					car_series_other: '',
					pic: '',
					car_number: '',
					man_num: 0,
					project_type: '',
					id_card: '',
					showInfo: 1,
					isAgreeSafety: false,
				}]
				this.listWithCounts = []
				this.group_status = type
				var params = {
					event_code: '车友会活动详情',
					path: 'pages/group/groupactiveinfo',
					event_id: type,
					title: '',
					source_page: '车友会活动详情-切换购票类型',
					value: '',
				}
				app.BurialPoint(params)
			},
			addFans() {
				var obj = {
					name: '',
					mobile: '',
					car_series: '',
					car_series_other: '',
					pic: '',
					car_number: '',
					man_num: 0,
					project_type: '',
					id_card: '',
					showInfo: 1,
					isAgreeSafety: false,
				}
				this.group_arr.push(obj)
				this.query = uni.createSelectorQuery().in(this);
				this.query.selectViewport().scrollOffset().exec(res => {
					var scrollTop = res[0].scrollTop + 392
					uni.pageScrollTo({
						scrollTop: scrollTop,
						duration: 300
					});
				});
				var params = {
					event_code: '车友会活动详情',
					path: 'pages/group/groupactiveinfo',
					event_id: '',
					title: '',
					source_page: '车友会活动详情-添加粉丝',
					value: '',
				}
				app.BurialPoint(params)
			},
			delForm(index) {
				var that = this
				uni.showModal({
					content: '确定删除吗？',
					confirmText: '删除',
					cancelText: "取消",
					success: function(res) {
						if (res.confirm) {
							that.group_arr.splice(index, 1)
							var projectTypeCounts = that.countProjectTypes(that.group_arr);
							that.listWithCounts = that.projectslist.map(item => ({
								name: item.name,
								num: projectTypeCounts[item.id] ||
									0 // 如果id在projectTypeCounts中不存在，则num为0  
							}));
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				});
			},
			showFansTeamInfo(index) {
				this.group_arr[index].showInfo = this.group_arr[index].showInfo == 1 ? 2 : 1
			},
			showAuditFansTeamInfo(index) {
				this.auditinfo.group_arr[index].showInfo = this.auditinfo.group_arr[index].showInfo == 1 ? 2 : 1
			},
			changeProjects(type, index, indexd) {
				this.formIndex = index
				this.group_arr[index].project_type = type
				this.popTitle = this.projectslist[indexd].popup_title
				this.popTitle1 = this.projectslist[indexd].popup_protocol_title
				this.popContent = this.projectslist[indexd].popup_content
				this.popContent1 = this.projectslist[indexd].popup_protocol
				this.popBtn = this.projectslist[indexd].festival_popup_button_name
				this.popBtn1 = this.projectslist[indexd].popup_protocol_button_name
				this.popTime = this.projectslist[indexd].popup_time
				this.popTime1 = this.projectslist[indexd].popup_protocol_time
				if (this.projectslist[indexd].popup_protocol) {
					this.lastContent = 2
				} else {
					this.lastContent = 1
				}
				var projectTypeCounts = this.countProjectTypes(this.group_arr);
				this.listWithCounts = this.projectslist.map(item => ({
					name: item.name,
					num: projectTypeCounts[item.id] || 0 // 如果id在projectTypeCounts中不存在，则num为0  
				}));
				this.popType = 2
				this.isFansPop = true
				var that = this
				if (that.popTime > 0) {
					var Interval = setInterval(function() {
						if (that.popTime > 1) {
							that.popTime = that.popTime - 1
						} else {
							that.showSubmitBtn = 1
							clearInterval(Interval)
						}
					}, 1000)
				} else {
					that.showSubmitBtn = 1
				}
				var params = {
					event_code: '车友会活动详情',
					path: 'pages/group/groupactiveinfo',
					event_id: that.info
						.huodong_id,
					title: '',
					source_page: '车友会活动详情-切换活动环节',
					value: type,
				}
				app.BurialPoint(params)
			},
			countProjectTypes(list2) {
				// 使用reduce来创建一个对象，其属性是project_type，值是出现次数  
				return list2.reduce((acc, item) => {
					acc[item.project_type] = (acc[item.project_type] || 0) + 1;
					return acc;
				}, {});
			},
			numberInputResult(e) {
				this.group_arr[e.dataIndex].car_number = e.carNumber.replace(/\s/g, '')
			},
			showFansPop(type) {
				this.popType = 1
				this.isFansPop = true
				this.popTitle = this.auditinfo.festival_popup_club_title
				this.popContent = this.auditinfo.festival_popup_club_content
				this.popBtn = this.auditinfo.festival_popup_button_name
				this.popTime = this.auditinfo.festival_popup_club_time
				var that = this
				if (that.popTime > 0) {
					var Interval = setInterval(function() {
						if (that.popTime > 1) {
							that.popTime = that.popTime - 1
						} else {
							that.showSubmitBtn = 1
							clearInterval(Interval)
						}
					}, 1000)
				} else {
					that.showSubmitBtn = 1
				}
			},
			closeClubPopup() {
				var that = this
				uni.requestSubscribeMessage({
					tmplIds: ['kwpV3YHFx0TJQXZGE1dmXyPuKB5KEhhxSols7MgJYKk'],
					success: function(res) {
						noticeTemplate({
							template_type: 4 //4:车友会；5:活动报名结果；6:活动创建结果
						}).then(res => {
							if (res.state == 1) {
								that.popTime = 5
								that.isFansPop = false
								that.showSubmitBtn = 2
								that.popTitle = ''
								that.popContent = ''
								that.popBtn = ''
								that.popTime = ''
								uni.navigateTo({
									url: '/pages/group/groupjoin'
								})
							} else {

							}
						})
					},
					fail: function(e) {
						console.log(e)
					}
				})
			},
			closeProjectsPopup() {
				this.popTime = 5
				if (this.endShowSubmitBtn == 2) {
					if (this.lastContent == 1) {
						this.isFansPop = false
						this.showSubmitBtn = 2
						if (this.huodong_id == 92) {
							this.group_arr[this.formIndex].isAgreeSafety = true
						}
						this.popTitle = ''
						this.popContent = ''
						this.popContent1 = ''
						this.popBtn = ''
						this.popTime = ''
					} else {
						this.endShowSubmitBtn = 1
						this.showSubmitBtn = 2
						this.popTitle = this.popTitle1
						this.popContent = this.popContent1
						this.popBtn = this.popBtn1
						this.popTime = this.popTime1
						var that = this
						if (this.popTime > 0) {
							var Interval = setInterval(function() {
								if (that.popTime > 1) {
									that.popTime = that.popTime - 1
								} else {
									that.showSubmitBtn = 1
									that.lastContent = 1
									clearInterval(Interval)
								}
							}, 1000)
						} else {
							that.showSubmitBtn = 1
							that.lastContent = 1
						}
					}
				} else {
					this.isFansPop = false
					this.showSubmitBtn = 2
					if (this.huodong_id == 92) {
						this.group_arr[this.formIndex].isAgreeSafety = true
					}
					this.popTitle = ''
					this.popContent = ''
					this.popContent1 = ''
					this.popBtn = ''
					this.popTime = ''
				}
				var params = {
					event_code: '车友会活动详情',
					path: 'pages/group/groupactiveinfo',
					event_id: this.auditinfo
						.huodong_id,
					title: '',
					source_page: '车友会活动详情-已知晓活动环节',
					value: '',
				}
				app.BurialPoint(params)
			},
			closeSubmitPopup() {
				var that = this
				if (that.group_status == 0) {
					var form = {
						channel: that.channel,
						club_id: that.club_id,
						huodong_id: that
							.huodong_id,
						huodong_club_id: that
							.huodong_club_id,
						group_status: that
							.group_status,
						name: that.group_arr[0]
							.name,
						mobile: that.group_arr[0]
							.mobile,
						car_series: that.group_arr[
							0].car_series,
						car_series_other: that
							.group_arr[0]
							.car_series_other,
						car_number: that.group_arr[
							0].car_number,
						man_num: that.group_arr[0]
							.man_num,
						pic: that.group_arr[0].pic,
						club_user_status: that
							.club_user_status,
						project_type: that
							.group_arr[0]
							.project_type,
						id_card: that.group_arr[0]
							.id_card,
						invitation_id: uni
							.getStorageSync(
								'InvitationId') ? uni
							.getStorageSync(
								'InvitationId') : '',
					}
				} else {

					var form = {
						channel: that.channel,
						club_id: that.club_id,
						huodong_id: that
							.huodong_id,
						huodong_club_id: that
							.huodong_club_id,
						group_status: that
							.group_status,
						club_user_status: that
							.club_user_status,
						group_arr: that.group_arr,
						invitation_id: uni
							.getStorageSync(
								'InvitationId') ? uni
							.getStorageSync(
								'InvitationId') : '',
					}
				}
				console.log('↓↓↓↓↓↓↓↓form↓↓↓↓↓↓↓↓')
				console.log(form)
				// that.isSubmit = true
				that.isFansPop = false
				that.showSubmitBtn = 2
				that.popTitle = ''
				that.popContent = ''
				that.popBtn = ''
				that.popTime = ''
				that.submitUserGroupActiveAudit(form)
			},
			// 202412-js
			uploadZHCarImg(index) {
				var that = this
				uni.chooseMedia({
					count: 1,
					mediaType: ['image'],
					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
					sourceType: ['album'], //从相册选择
					success: function(res) {
						var tempFilePaths = res.tempFiles
						uni.uploadFile({
							url: app.globalData.uploadUrl,
							filePath: tempFilePaths[0].tempFilePath,
							name: 'img',
							success: (uploadFileRes) => {
								var picdata = JSON.parse(uploadFileRes.data);
								that.zhinfo.pic = picdata.data.img
							}
						});
					}
				});
				var params = {
					event_code: '车友会活动详情',
					path: 'pages/group/groupactiveinfo',
					event_id: that.info.huodong_id,
					title: that.info.title,
					source_page: '车友会活动详情-上传爱车靓照',
					value: '',
				}
				app.BurialPoint(params)
			},
			uploadFansDrivingImg(index) {
				var that = this
				uni.chooseMedia({
					count: 1,
					mediaType: ['image'],
					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
					sourceType: ['album'], //从相册选择
					success: function(res) {
						var tempFilePaths = res.tempFiles
						uni.uploadFile({
							url: app.globalData.uploadUrl,
							filePath: tempFilePaths[0].tempFilePath,
							name: 'img',
							success: (uploadFileRes) => {
								var picdata = JSON.parse(uploadFileRes.data);
								that.zhinfo.driving_license_pic = picdata.data.img
							}
						});
					}
				});
				var params = {
					event_code: '车友会活动详情',
					path: 'pages/group/groupactiveinfo',
					event_id: that.info.huodong_id,
					title: that.info.title,
					source_page: '车友会活动详情-上传行驶证',
					value: '',
				}
				app.BurialPoint(params)
			},
			bindchooseavatar(e) {
				var that = this
				uni.uploadFile({
					url: app.globalData.uploadUrl,
					filePath: e.detail.avatarUrl,
					name: 'img',
					success: (uploadFileRes) => {
						var picdata = JSON.parse(uploadFileRes.data);
						that.zhinfo.avatar = picdata.data.img
					}
				});
				var params = {
					event_code: '车友会活动详情',
					path: 'pages/group/groupactiveinfo',
					event_id: that.info.huodong_id,
					title: that.info.title,
					source_page: '车友会活动详情-修改头像',
					value: '',
				}
				app.BurialPoint(params)
			},
			changeHasCar(type) {
				this.zhinfo.is_have_car = type
				if (type == 0) {
					this.zhinfo.project_type = 0
					this.ticket_price = 0
					this.listWithCounts = []
					this.zhinfo.festival_project_popup_arr.forEach(item => {
						if (item.id != 1) {
							item.isSelect = 0;
						}
					});
					var newlistWithCounts = []
					this.zhinfo.festival_project_popup_arr.forEach(item => {
						if (item.isSelect == 1) {
							var obj = {
								id: item.id,
								name: item.name,
								num: item.id == 3 ? this.zhinfo.project_man_num : 1
							}
							newlistWithCounts.push(obj)
						}
					});
					this.listWithCountsM = newlistWithCounts
				}
				var params = {
					event_code: '车友会活动详情',
					path: 'pages/group/groupactiveinfo',
					event_id: this.info.huodong_id,
					title: this.info.title,
					source_page: '车友会活动详情-是否有车',
					value: '',
				}
				app.BurialPoint(params)
			},
			changeSubaruMan(type) {
				this.zhinfo.is_subaru = type
				if (type == 0) {
					this.zhinfo.project_type = 0
					this.ticket_price = 0
					this.listWithCounts = []
					this.zhinfo.festival_project_popup_arr.forEach(item => {
						if (item.id != 1) {
							item.isSelect = 0;
						}
					});
					var newlistWithCounts = []
					this.zhinfo.festival_project_popup_arr.forEach(item => {
						if (item.isSelect == 1) {
							var obj = {
								id: item.id,
								name: item.name,
								num: item.id == 3 ? this.zhinfo.project_man_num : 1
							}
							newlistWithCounts.push(obj)
						}
					});
					this.listWithCountsM = newlistWithCounts
				}
				var params = {
					event_code: '车友会活动详情',
					path: 'pages/group/groupactiveinfo',
					event_id: this.info.huodong_id,
					title: this.info.title,
					source_page: '车友会活动详情-是否是斯巴鲁车主',
					value: '',
				}
				app.BurialPoint(params)
			},
			changeCarNumType(id) {
				this.zhinfo.car_number_type = id
				var params = {
					event_code: '车友会活动详情',
					path: 'pages/group/groupactiveinfo',
					event_id: this.info.huodong_id,
					title: this.info.title,
					source_page: '车友会活动详情-选择车牌类型',
					value: '',
				}
				app.BurialPoint(params)
			},
			closeLJBMZHPopup() {
				var that = this
				const pageElement = uni.createSelectorQuery().select(
					'.groupactiveinfo');
				pageElement.boundingClientRect(rect => {
					var pageHeight = rect.height
					const targetElement = uni.createSelectorQuery().select(
						'.fansmeeting_form_box');
					targetElement.boundingClientRect(fans_rect => {
						if (fans_rect) {
							that.isFansPop = false
							var fans_Height = fans_rect.height
							var scrollHeight = parseFloat(pageHeight -
								fans_Height).toFixed(2)
							// 设置滚动条位置
							uni.pageScrollTo({
								scrollTop: scrollHeight,
								duration: 300 // 滚动过渡时间（单位ms）
							});

						} else {
							console.log('未找到目标元素！');
						}
					}).exec();
				}).exec();
			},
			getZHActiveInfo() {
				getZHActiveInfo({
					huodong_id: this.huodong_id,
					channel: this.channel ? this.channel : '',
					huodong_club_id: this.huodong_club_id ? this.huodong_club_id : ''
				}).then(res => {
					if (res.state == 1) {
						uni.hideLoading()
						this.zhinfo = res.data.info
						this.zhinfo.is_have_car = res.data.info.is_have_car ? res.data.info.is_have_car : 1
						this.zhinfo.car_number_type = res.data.info.car_number_type ? res.data.info
							.car_number_type : 1
						this.zhinfo.is_subaru = res.data.info.is_subaru ? res.data.info.is_subaru : 1
						this.zhinfo.man_num = res.data.info.man_num ? this.zhinfo.man_num : 0
						var project_type_arr = res.data.info.project_type_arr
						var festival_project_popup_arr = res.data.info.festival_project_popup_arr
						festival_project_popup_arr.forEach(item => {
							if (item.id == 3) { //判断巡游加人
								item.isChange = 2
							}
						});
						project_type_arr.forEach(value => {
							festival_project_popup_arr.forEach(item => {
								if (item.id === value) {
									item.isSelect = 1; // 如果相等，设置isSelect为1
								}
							});
						});
						var newlistWithCounts = []
						this.zhinfo.festival_project_popup_arr.forEach(item => {
							if (item.isSelect == 1) {
								var obj = {
									id: item.id,
									name: item.name,
									num: item.id == 3 ? this.zhinfo.project_man_num : 1
								}
								newlistWithCounts.push(obj)
							}
						});
						this.listWithCountsM = newlistWithCounts
						this.zhinfo.festival_project_popup_arr = festival_project_popup_arr
						this.popImg = res.data.info.festival_popup_img
						this.huodong_join_id = res.data.info.huodong_join_id ? res.data.info.huodong_join_id : 0
						if (res.data.info.huodong_join_id > 0) {
							if (res.data.info.surveyed_status == 0) {
								uni.redirectTo({
									url: '/pages/questionnaire/questionnaire?scene=' + res.data.info
										.surveyed_id + '&huodong_join_id=' + res.data.info
										.huodong_join_id + '&huodong_id=' + this.huodong_id +
										'&channel=' + this.channel
								})
							} else {
								uni.redirectTo({
									url: '/pages/group/groupactiveaudit?huodong_id=' +
										this.huodong_id +
										'&channel=' + this
										.channel
								})
							}
						} else {
							this.showGroupactiveinfo = true
							if (res.data.info.enroll_pop_content != '') {
								this.popContent = res.data.info.enroll_pop_content
								this.popBtn = res.data.info.enroll_pop_bth
								this.popTime = res.data.info.enroll_pop_time
								this.popType = 6
								this.isFansPop = true
								if (this.popTime > 0) {
									var that = this
									var Interval = setInterval(function() {
										if (that.popTime > 1) {
											that.popTime = that.popTime - 1
										} else {
											that.showSubmitBtn = 1
											clearInterval(Interval)
										}
									}, 1000)
								} else {
									this.showSubmitBtn = 1
								}
							}

						}
					} else {
						uni.hideLoading()
						uni.showToast({
							title: res.error[0],
							mask: true,
							icon: 'none',
							duration: 1500
						})
					}
				})
			},
			changeOneProjects(id, index) {
				var festival_project_popup_single_arr = this.zhinfo.festival_project_popup_single_arr
				if (this.zhinfo.project_type != id) {
					if (this.zhinfo.project_type == 0 || !this.zhinfo.project_type) {
						this.ticket_price = parseFloat(this.ticket_price) + parseFloat(festival_project_popup_single_arr[
								index]
							.price)
					}
					this.zhinfo.project_type = id
					this.popTitle = festival_project_popup_single_arr[index].popup_title
					this.popTitle1 = festival_project_popup_single_arr[index].popup_protocol_title
					this.popContent = festival_project_popup_single_arr[index].popup_content
					this.popContent1 = festival_project_popup_single_arr[index].popup_protocol
					this.popBtn = festival_project_popup_single_arr[index].festival_popup_button_name
					this.popBtn1 = festival_project_popup_single_arr[index].popup_protocol_button_name
					this.popTime = festival_project_popup_single_arr[index].popup_time
					this.popTime1 = festival_project_popup_single_arr[index].popup_protocol_time
					if (festival_project_popup_single_arr[index].popup_protocol) {
						this.lastContent = 2
					} else {
						this.lastContent = 1
					}
					this.listWithCounts = [{
						name: festival_project_popup_single_arr[index].name,
						num: 1
					}]

					this.popType = 2
					this.isFansPop = true

					if (this.popTime > 0) {
						var that = this
						var Interval = setInterval(function() {
							if (that.popTime > 1) {
								that.popTime = that.popTime - 1
							} else {
								that.showSubmitBtn = 1
								clearInterval(Interval)
							}
						}, 1000)
					} else {
						this.showSubmitBtn = 1
					}
				} else {
					this.zhinfo.project_type = ''
					this.listWithCounts = []
					this.ticket_price = parseFloat(this.ticket_price) - parseFloat(festival_project_popup_single_arr[index]
						.price)
				}
				var params = {
					event_code: '车友会活动详情',
					path: 'pages/group/groupactiveinfo',
					event_id: this.huodong_id,
					title: festival_project_popup_single_arr[index].name,
					source_page: '车友会活动详情-切换活动环节(单选)',
					value: id,
				}
				app.BurialPoint(params)
			},
			changeMoreProjects(id, index, type) {
				if (type == 1) {
					var festival_project_popup_arr = this.zhinfo.festival_project_popup_arr
					if (this.zhinfo.festival_project_popup_arr[index].isSelect == 0) {
						this.zhinfo.festival_project_popup_arr[index].isSelect = 1
						this.isFansPop = true
						this.ticket_price = parseFloat(this.ticket_price) + parseFloat(this.zhinfo
							.festival_project_popup_arr[
								index].price)
						if (this.zhinfo.festival_project_popup_arr[index].id == 2) {
							this.zhinfo.festival_project_popup_arr.forEach(item => {
								if (item.id == 3) { //判断巡游加人
									item.isChange = 1
								}
							});
						}
						if (this.zhinfo.festival_project_popup_arr[index].id == 3) {
							this.zhinfo.project_man_num = 1
							this.zhinfo.project_man_card = [{
								name: '',
								id_card: ''
							}]
						}
					} else {
						this.zhinfo.festival_project_popup_arr[index].isSelect = 0
						this.ticket_price = parseFloat(this.ticket_price) - parseFloat(this.zhinfo
							.festival_project_popup_arr[
								index].price)
						if (this.zhinfo.festival_project_popup_arr[index].id == 2) {

							this.zhinfo.festival_project_popup_arr.forEach(item => {
								if (item.id == 3) { //判断巡游加人
									this.ticket_price = parseFloat(this.ticket_price) - parseFloat(this.zhinfo
										.project_man_num * item.price)
									item.isChange = 2
									item.isSelect = 0
									this.zhinfo.project_man_num = 0
								}
							});
						}
						if (this.zhinfo.festival_project_popup_arr[index].id == 3 || this.zhinfo
							.festival_project_popup_arr[index].id == 2) {
							this.zhinfo.project_man_num = 0
							this.zhinfo.project_man_card = []
						}
					}
					this.popTitle = festival_project_popup_arr[index].popup_title
					this.popTitle1 = festival_project_popup_arr[index].popup_protocol_title
					this.popContent = festival_project_popup_arr[index].popup_content
					this.popContent1 = festival_project_popup_arr[index].popup_protocol
					this.popBtn = festival_project_popup_arr[index].festival_popup_button_name
					this.popBtn1 = festival_project_popup_arr[index].popup_protocol_button_name
					this.popTime = festival_project_popup_arr[index].popup_time
					this.popTime1 = festival_project_popup_arr[index].popup_protocol_time
					if (festival_project_popup_arr[index].popup_protocol) {
						this.lastContent = 2
					} else {
						this.lastContent = 1
					}

					this.popType = 2
					var newlistWithCounts = []
					this.zhinfo.festival_project_popup_arr.forEach(item => {
						if (item.isSelect == 1) {
							var obj = {
								id: item.id,
								name: item.name,
								price: item.price,
								num: item.id == 3 ? this.zhinfo.project_man_num : 1 //判断巡游加人
							}
							newlistWithCounts.push(obj)
						}
					});
					this.listWithCountsM = newlistWithCounts
					console.log(this.listWithCountsM)
					if (this.popTime > 0) {
						var that = this
						var Interval = setInterval(function() {
							if (that.popTime > 1) {
								that.popTime = that.popTime - 1
							} else {
								that.showSubmitBtn = 1
								clearInterval(Interval)
							}
						}, 1000)
					} else {
						this.showSubmitBtn = 1
					}
					var params = {
						event_code: '车友会活动详情',
						path: 'pages/group/groupactiveinfo',
						event_id: this.huodong_id,
						title: this.zhinfo.festival_project_popup_arr[index].name,
						source_page: '车友会活动详情-切换活动环节(多选)',
						value: id,
					}
					app.BurialPoint(params)
				} else if (type == 2) {
					uni.showToast({
						title: "请先选择赛道巡游",
						mask: true,
						icon: 'none',
						duration: 1500
					})
				}

			},
			changeProjectManNum(e) {
				this.listWithCountsM.forEach(item => {
					if (item.id == 3) { //判断巡游加人
						if (item.num < e) {
							var poor = parseFloat(e - item.num)
							this.ticket_price = parseFloat(this.ticket_price) + parseFloat(poor * item.price)
							item.num = e
							var obj = {
								name: '',
								id_card: ''
							}
							this.zhinfo.project_man_card.push(obj)

						} else if (item.num > e) {
							var poor = parseFloat(item.num - e)
							this.ticket_price = parseFloat(this.ticket_price) - parseFloat(poor * item.price)
							item.num = e
							this.zhinfo.project_man_card.pop()
						}
					}
				});
			},
			submitZHActiveForm() {
				var that = this
				var project_type_arr = []
				that.zhinfo.festival_project_popup_arr.forEach(item => {
					if (item.isSelect == 1) {
						project_type_arr.push(item.id)
					}
				});
				that.zhinfo.project_type_arr = project_type_arr
				if (uni.getStorageSync('access_token')) {
					if (that.isSubmit) {
						that.isSubmit = false
						if (!that.isAgree) {
							if (that.xytitle || that.newxytitle || that.mztitle) {
								uni.showToast({
									title: '请阅读并同意《' + that.xytitle + '》《' + that.newxytitle + '》《' + that
										.mztitle + '》',
									mask: true,
									icon: 'none',
									duration: 1500
								})
								that.isSubmit = true
								return false;
							}
						}
						if (that.zhinfo.name == '' || !that.zhinfo.name) {
							uni.showToast({
								title: '请输入姓名',
								mask: true,
								icon: 'none',
								duration: 1500
							})
							that.isSubmit = true
							return false;
						}
						if (that.zhinfo.mobile == '' || !that.zhinfo.mobile) {
							uni.showToast({
								title: '请输入手机号',
								mask: true,
								icon: 'none',
								duration: 1500
							})
							that.isSubmit = true
							return false;
						}
						if (that.zhinfo.is_have_car == 1) {
							if (that.zhinfo.car_number == '' || !that.zhinfo.car_number) {
								uni.showToast({
									title: '请输入车牌号',
									mask: true,
									icon: 'none',
									duration: 1500
								})
								that.isSubmit = true
								return false;
							} else if (that.zhinfo.car_number < 6) {
								uni.showToast({
									title: '请输入正确的车牌号',
									mask: true,
									icon: 'none',
									duration: 1500
								})
								that.isSubmit = true
								return false;
							}
							if (that.zhinfo.driving_license_pic == '' || !that.zhinfo.driving_license_pic) {
								uni.showToast({
									title: '请上传行驶证照片',
									mask: true,
									icon: 'none',
									duration: 1500
								})
								that.isSubmit = true
								return false;
							}
							if (that.zhinfo.is_subaru == 1) {
								if (that.zhinfo.car_series == '' || !that.zhinfo.car_series) {
									uni.showToast({
										title: '请选择爱车车型',
										mask: true,
										icon: 'none',
										duration: 1500
									})
									that.isSubmit = true
									return false;
								}
								if (that.zhinfo.car_series == '其他') {
									if (that.zhinfo.car_series_other == '' || !that.zhinfo.car_series_other) {
										uni.showToast({
											title: '请输入爱车车型',
											mask: true,
											icon: 'none',
											duration: 1500
										})
										that.isSubmit = true
										return false;
									}
								}
							} else {
								if (that.zhinfo.car_brand == '' || !that.zhinfo.car_brand) {
									uni.showToast({
										title: '请输入爱车品牌',
										mask: true,
										icon: 'none',
										duration: 1500
									})
									that.isSubmit = true
									return false;
								}
							}
							if (that.zhinfo.pic == '' || !that.zhinfo.pic) {
								uni.showToast({
									title: '请上传爱车照片',
									mask: true,
									icon: 'none',
									duration: 1500
								})
								that.isSubmit = true
								return false;
							}
							if (that.zhinfo.project_type_arr.length == 0) {
								uni.showToast({
									title: '请选择活动环节',
									mask: true,
									icon: 'none',
									duration: 1500
								})
								that.isSubmit = true
								return false;
							}
							if (that.zhinfo.project_type_arr.includes(3)) {
								for (let i = 0; i < that.zhinfo.project_man_card.length; i++) {
									const item = that.zhinfo.project_man_card[i];
									if (!item.name || item.name.trim() === '') {
										uni.showToast({
											title: '请输入姓名',
											mask: true,
											icon: 'none',
											duration: 1500
										})
										that.isSubmit = true
										return false;
									}
									if (!item.id_card || item.id_card.trim() === '') {
										uni.showToast({
											title: '请输入证件号码',
											mask: true,
											icon: 'none',
											duration: 1500
										})
										that.isSubmit = true
										return false;
									}
								}
							}
							if (that.listWithCountsM.length > 1) {
								if (that.zhinfo.id_card == '' || !that.zhinfo.id_card) {
									uni.showToast({
										title: '请输入证件号码',
										mask: true,
										icon: 'none',
										duration: 1500
									})
									that.isSubmit = true
									return false;
								}
							}
						}
						uni.requestSubscribeMessage({
							tmplIds: ['rcQkW8wcn38CXiWvvjjQgFx3SscCmBguRKsd3N6Ip1U'],
							success: function(res) {
								noticeTemplate({
									template_type: 5 //4:车友会；5:活动报名结果；6:活动创建结果
								}).then(res => {
									if (res.state == 1) {

									} else {
										that.isSubmit = true
										var params = {
											event_code: '车友会活动详情',
											path: 'pages/group/groupactiveinfo',
											event_id: that.info.huodong_id,
											title: that.info.title,
											source_page: '车友会活动详情-拒绝消息通知',
											value: '',
										}
										app.BurialPoint(params)
									}
								})
							},
							fail: function(e) {
								console.log(e)
							}
						})
						that.popType = 5
						that.isFansPop = true
						that.popTitle = that.zhinfo.festival_popup_submit_title
						that.popContent = that.zhinfo.festival_popup_submit_content
						that.popBtn = that.zhinfo.festival_popup_submit_name
						that.popTime = that.zhinfo.festival_popup_submit_time
						if (that.popTime > 0) {
							var Interval = setInterval(function() {
								if (that.popTime > 1) {
									that.popTime = that.popTime - 1
								} else {
									that.showSubmitBtn = 1
									clearInterval(Interval)
								}
							}, 1000)
						} else {
							that.showSubmitBtn = 1
						}
					}
				} else {
					uni.navigateTo({
						url: '/pages/login/login'
					})
				}
			},
			closeSubmitZHPopup() {
				var that = this
				var form = {
					channel: that.channel,
					club_id: that.club_id,
					huodong_id: that.huodong_id,
					huodong_club_id: that.huodong_club_id,
					huodong_join_id: that.huodong_join_id,
					name: that.zhinfo.name,
					mobile: that.zhinfo.mobile,
					is_have_car: that.zhinfo.is_have_car,
					car_number_type: that.zhinfo.car_number_type,
					car_number: that.zhinfo.car_number,
					driving_license_pic: that.zhinfo.driving_license_pic,
					car_series: that.zhinfo.car_series ? that.zhinfo.car_series : '',
					car_series_other: that.zhinfo.car_series_other ? that.zhinfo.car_series_other : '',
					car_brand: that.zhinfo.car_brand ? that.zhinfo.car_brand : '',
					is_subaru: that.zhinfo.is_subaru,
					pic: that.zhinfo.pic,
					man_num: that.zhinfo.man_num,
					project_type: that.zhinfo.project_type,
					project_type_arr: that.zhinfo.project_type_arr,
					id_card: that.zhinfo.id_card,
					invitation_id: uni.getStorageSync('InvitationId') ? uni.getStorageSync(
						'InvitationId') : '',
					project_man_num: that.zhinfo.project_man_num,
					project_man_card: that.zhinfo.project_man_card
				}
				console.log('↓↓↓↓↓↓↓↓form↓↓↓↓↓↓↓↓')
				console.log(form)
				that.isFansPop = false
				that.showSubmitBtn = 2
				that.popTitle = ''
				that.popContent = ''
				that.popBtn = ''
				that.popTime = ''
				// that.isSubmit = true
				submitZHActiveForm(form).then(res => {
					if (res.state == 1) {
						uni.showToast({
							title: '信息保存成功',
							mask: true,
							icon: 'success',
							duration: 1500
						})

						that.isSubmit = true
						setTimeout(function() {
							uni.redirectTo({
								url: '/pages/questionnaire/questionnaire?scene=' + that.zhinfo
									.surveyed_id + '&huodong_join_id=' + res.data.huodong_join_id +
									'&huodong_id=' + that.huodong_id +
									'&channel=' + that.channel
							})
						}, 1500)
					} else {
						that.isSubmit = true
						uni.showToast({
							title: res.error[0],
							mask: true,
							icon: 'none',
							duration: 1500
						})
					}
				})
				var params = {
					event_code: '车友会活动详情',
					path: 'pages/group/groupactiveinfo',
					event_id: that.info.huodong_id,
					title: that.info.title,
					source_page: '车友会活动详情-提交信息',
					value: '',
				}
				app.BurialPoint(params)
			},
			loadPopTopImg() {
				this.showPopContent = true
			}
		},
		onShareAppMessage(res) {
			app.getShareTask()
			if (this.huodong_id == 160) {
				return {
					title: this.zhinfo.share_poster_title,
					imageUrl: this.zhinfo.share_poster_pic ? this.picUrl + this.zhinfo.share_poster_pic : '',
					path: 'pages/group/groupactiveinfo?huodong_id=' + this.huodong_id + '&club_id=' + this
						.huodong_club_id + '&channel=' + this.channel + '&invitation_id=' + uni.getStorageSync(
							'userinfo') ? uni.getStorageSync('userinfo').user_id : '',
				}
			} else {
				return {
					title: this.info.title,
					imageUrl: this.info.share_pic ? this.picUrl + this.info.share_pic : this.picUrl + this.info.pic,
					path: 'pages/group/groupactiveinfo?huodong_id=' + this.huodong_id + '&club_id=' + this
						.huodong_club_id + '&channel=' + this.channel + '&invitation_id=' + uni.getStorageSync(
							'userinfo') ? uni.getStorageSync('userinfo').user_id : '',
				}
			}
		},
		onShareTimeline: function() {
			app.getShareTask()
			if (this.huodong_id == 160) {
				return {
					title: this.zhinfo.share_poster_title,
					query: 'huodong_id=' + this.huodong_id + '&club_id=' + this
						.huodong_club_id + '&channel=' + this.channel + '&invitation_id=' + uni.getStorageSync(
							'userinfo') ? uni.getStorageSync('userinfo').user_id : '',
					imageUrl: this.zhinfo.share_poster_pic ? this.picUrl + this.zhinfo.share_poster_pic : ''
				}
			} else {
				return {
					title: this.info.title,
					query: 'huodong_id=' + this.huodong_id + '&club_id=' + this
						.huodong_club_id + '&channel=' + this.channel + '&invitation_id=' + uni.getStorageSync(
							'userinfo') ? uni.getStorageSync('userinfo').user_id : '',
					imageUrl: this.info.share_pic ? this.picUrl + this.info.share_pic : this.picUrl + this.info.pic
				}
			}

		},
	}
</script>

<style lang="scss">
	.groupactiveinfo {

		.groupactiveinfo_head_img_box {
			width: 100%;
			// height: 50vw;

			.groupactiveinfo_head_img {
				width: 100%;
				// height: 50vw;
			}
		}

		.bbs_user_info_box {
			padding: 30rpx;

			.bbs_user_info {
				display: flex;
				align-items: center;

				.bbs_user_avatar_box {
					width: 90rpx;
					height: 90rpx;
					position: relative;
					border-radius: 8rpx;

					.avater_img {
						width: 90rpx;
						height: 90rpx;
						border-radius: 8rpx;
						vertical-align: middle;
					}

					.avater_border_img {
						width: 90rpx;
						height: 90rpx;
						vertical-align: middle;
						position: absolute;
						top: 0;
						right: 0;
						bottom: 0;
						left: 0;
						z-index: 1;
					}
				}

				.join_btn {
					width: 135rpx;
					height: 99rpx;
					vertical-align: middle;
				}
			}
		}

		.groupactiveinfo_title {
			font-size: 36rpx;
			font-weight: bold;
			line-height: 50rpx;
		}

		.video_box {
			width: 100%;
			height: 390rpx;
			margin-top: 20rpx;
			border-radius: 8rpx;
		}

		.groupactiveinfo_content_cell {
			font-size: 28rpx;

			.groupactiveinfo_content_img {
				width: 100%;
				vertical-align: middle;
				border-radius: 8rpx;
				margin-top: 20rpx;
			}

			.groupactiveinfo_content_img:first-child {
				margin-top: 0rpx;
			}

			.groupactiveinfo_content_text {
				color: #000000;
				margin: 20rpx 0;
				line-height: 48rpx;
			}
		}

		.next_step_btn {
			display: flex;
			align-items: center;
			justify-content: center;
			color: #ffffff;
			padding: 25rpx 0;
			margin: 30rpx 0 30rpx 0;
			border-radius: 8rpx;
			background-color: #00A0DC;
		}

		.agremment_box {
			margin-bottom: 180rpx;

			.login_checkbox {
				width: 26rpx;
				height: 26rpx;
				vertical-align: middle;
			}

			.agremment_text {
				color: #191919;
				font-size: 24rpx;
				margin-left: 10rpx;
				vertical-align: middle;
			}
		}

		.popup_img_box {
			position: fixed;
			top: 150rpx;
			left: 60rpx;
			right: 16rpx;
			z-index: 1001;

			.popup_img {
				width: 100%;
				vertical-align: middle;
			}

			.popup_text_box {
				color: #666666;
				font-size: 28rpx;
				position: absolute;
				top: 20%;
				left: 66rpx;
				right: 115rpx;
				z-index: 1002;
				line-height: 42rpx;
			}

			.pop_close_icon_box {
				position: absolute;
				bottom: -80rpx;
				left: 0;
				right: 0;
				z-index: 1002;
				text-align: center;
			}

			.popup_sub {
				margin-top: 20rpx;
				margin-right: 44rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;

				.sub {
					width: 287rpx;
					height: 80rpx;
					line-height: 80rpx;
					color: #FFFFFF;
					font-size: 36rpx;
					background-color: #00A0DC;
					border-radius: 8rpx;
					text-align: center;


					&.left {
						color: #00A0DC;
						background-color: #FFFFFF;
					}
				}
			}
		}

		.add_fans_btn_box {
			display: flex;
			align-items: center;
			justify-content: center;
			padding-top: 30rpx;
		}

		.add_fans_btn {
			width: 100%;
			padding: 30rpx 0;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #ffffff;
			font-size: 26rpx;
			border-radius: 8rpx;
			background-color: #000000;
		}

		.fansmeeting_form_bottom_box {
			margin-top: 30rpx;
			padding-top: 30rpx;
			border-top: 1rpx solid #E9E9E9;

			.bottom_ticket_cell {
				padding: 30rpx;
				border-top: 1rpx solid #E9E9E9;
				border-bottom: 1rpx solid #E9E9E9;
			}

			.fansmeeting_form_submit_btn {
				font-size: 30rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;
				color: #ffffff;
				padding: 30rpx 0;
				border-radius: 8rpx;
				background-color: #00A0DC;
			}
		}

		.car_num_type_box {
			font-size: 26rpx;
			margin-top: 45rpx;
			display: flex;
			align-items: center;
			justify-content: space-around;
			// border-radius: 8rpx;
			// border: 2rpx solid #191919;

			.num_type_cell {
				width: 28%;
				padding: 30rpx 0;
				text-align: center;
				border-radius: 8rpx;
				border: 2rpx solid #191919;
			}

			// .num_type_cell:last-child {
			// 	border-right: 0rpx solid #191919;
			// }

			.num_type_cell_on {
				color: #FFFFFF;
				background-color: #191919;
			}

			// .num_type_cell_on:first-child {
			// 	border-top-left-radius: 8rpx;
			// 	border-bottom-left-radius: 8rpx;
			// }

			// .num_type_cell_on:last-child {
			// 	border-top-right-radius: 8rpx;
			// 	border-bottom-right-radius: 8rpx;
			// }
		}

		.avatar_box {
			width: 80rpx;
			height: 80rpx;

			button::after {
				border: none;
			}

			.avatar_btn {
				display: flex;
				justify-content: center;
				align-items: center;
				background-color: transparent;
				text-align: center;
				font-size: 28rpx;
				font-weight: normal;
				position: relative;
				width: 80rpx !important;
				height: 80rpx;
				padding-left: 0 !important;
				padding-right: 0 !important;
			}

			.avatar {
				width: 80rpx;
				height: 80rpx;
				border-radius: 100rpx;
			}
		}

		.ticket_price_text {
			color: #C92359;
			font-size: 26rpx;
			font-weight: bold;
			text-align: right;
			margin-top: 30rpx;
		}
	}
</style>